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

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

144
9

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”>
        jQuery.noConflict();
    </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

(144)

omerbozalan 1981 doğumluyum. Üniversite eğitimimi, Sakarya Ünv. Elektronik ve Bilgisayar Öğretmenliğini 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ınlayarak tüm bildiklerimi sizlerle paylaşmak istedim. Kendimi Web Tasarım, Grafik Tasarım, Donanım konusunda hâlâ geliştirmekteyim.

Yorum(9)

  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

Yorum bırakın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Bu site, istenmeyenleri azaltmak için Akismet kullanıyor. Yorum verilerinizin nasıl işlendiği hakkında daha fazla bilgi edinin.