Home JQuery JQuery ve Lightbox Çakışması Çözümü
JQuery ve Lightbox Çakışması Çözümü

JQuery ve Lightbox Çakışması Çözümü

570
10

Merhaba arkadaşlar bu konuyu öğrencim GÖKHAN-61 için açıyorum 🙂 sizde bu olaylarla karşılaşırsanız yani iki javascript örneğini index.html sayfasında kullanırsanız ne yapmalısınız onu anlatacağım.

Asıl çalışmamasının nedeni ;Javascript kütüphanelerinin kullandıkları global değişkenlerdir. jQuery ve Prototype kendisini $ değişkenine atamaya çalışır bu sebeple iki kütüphane en popüler çakışan kütüphanelerdir.

jQuery.noConflict derseniz, jQuery kendini $ değişkenine atamaktan vazgeçer, $ yerine jQuery yazarak ulaşmanız gerekir, yalnız bu durumda birlikte kullandığınız eklentilerde sorun yaşayabilirsiniz. Çünkü jQuery için eklenti yazanlar bu durumu ne yazık ki pek düşünmezler ve jQuery’nin $ değişkeninde bulunduğunu kabul ederler.

(Kısaca sorun: Lightbox ile imajlarınızı gösterirken, show(), hide()… gibi sayfa içinde kullanmak istediğiniz diğer jQuery fonksiyonlarının çalışmaması.)

Kodunuzu aşağıdaki şekilde düzenlerseniz sorununuz ortadan kalkacaktır.


<head>
    <script type=”text/javascript” src=”jquery.js”></script>
    <script type=”text/javascript”>
       
    </script>
    <script type=”text/javascript” src=”lightbox/js/prototype.js”></script>
    <script type=”text/javascript” src=”lightbox/js/scriptaculous.js?load=effects,builder”></script>
    <script type=”text/javascript” src=”lightbox/js/lightbox.js”></script>
    <script type=”text/javascript”>
        jQuery(function ($) {
            $(‘div’).fadeIn(800);
        });
    </script>
</head>

Anlatım: Ömer BOZALAN

(570)

omerbozalan 1981 doğumluyum. Üniversite eğitimimi, Sakarya Ünv. Elektronik ve Bilgisayar Öğretmeni bitirerek tamamladım. Ayrıca C Sınıfı İş Sağlığı ve Güvenliği Uzmanıyım. 2014 Nisan ayında Adobe Dreamweaver CS6 Kitabımı yayınlarak tüm bildiklerimi sizlerle paylaşmak istedim. Kendimi Web Tasarım, Grafik Tasarım, Donanım konusunda hâlâ geliştirmekteyim.

Yorum(10)

  1. $(window).load(function() {
    $(‘#slider’).nivoSlider();
    });

    kullandıgım kodlar bu.çakışma oluyor nasıl düzeltebilirim

  2. c++ buılder wep sıtenız var acaba ben bulamadım. kütüphane projesı istoyor hocamız ben de ornek bırseyler arıyorum yardımcı olursanız sevınırım.tskler….

  3. Ömer hocam ben bunu yapamadım. Yardımcı olursanız memnun olurum. Kodlar:

    Karadağ Denizcilik Lashing Service

    $(document).ready(function() {

    var options = {};

    if (document.location.search) {
    var array = document.location.search.split(‘=’);
    var param = array[0].replace(‘?’, ”);
    var value = array[1];

    if (param == ‘animation’) {
    options.animation = value;
    }
    else if (param == ‘type_navigation’) {
    if (value == ‘dots_preview’) {
    $(‘.border_box’).css({‘marginBottom’: ’40px’});
    options[‘dots’] = true;
    options[‘preview’] = true;
    }
    else {
    options[value] = true;
    if (value == ‘dots’) $(‘.border_box’).css({‘marginBottom’: ’40px’});
    }
    }
    }

    $(‘.box_skitter_large’).skitter(options);

    // Highlight
    $(‘pre.code’).highlight({source:1, zebra:1, indent:’space’, list:’ol’});

    });

    prototype silince slider çalışıyor lightbox çalışmıyor, prototype koyunca slider çalışmıyor.

  4. verdiginiz dogru kodları kullandıgımızda jquery slıder duzelıyor lakın sayfa ıcerısındekı kullandıgımız lıghtbox ımagelerın uzerıne geldıgımızde baska sayfaya yönlendırıp yenı pencerede resmı gösterıyor lıghtbox gıbı seffaf ekranda göstermıyor yanı lıghtbox calısmıyor her ıkısınıde calıstırmanın bır yolu yok mu

Senin Yorumların

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Sonucu Giriniz * Time limit is exhausted. Please reload CAPTCHA.