2017-01-15 1 views
0

Ich weiß nicht, Javascript, aber ich verwende es, um Fancybox zu betreiben. Es gibt kein Wordpress beteiligt. Es scheint so, als ob Fancybox funktioniert, indem ich auf alle Bilder abziele, aber für Dinge wie Social Media Icons in meiner Fußzeile möchte ich nicht von Fancybox angesprochen werden. Gibt es eine einfache Möglichkeit, Fancybox auf bestimmten Bildern zu deaktivieren?Disable Fancybox für bestimmte Bilder

Jede Hilfe wird sehr geschätzt! Dies ist das Javascript, das ich in meinem HTML eingefügt habe.

<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script> 
 
<script type="text/javascript" src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script> 
 
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/fancybox/1.3.4/jquery.fancybox-1.3.4.pack.min.js"></script> 
 
<script type="text/javascript"> 
 
    $(function($){ 
 
     var addToAll = true; 
 
     var gallery = true; 
 
     var titlePosition = 'inside'; 
 
     $(addToAll ? 'img' : 'img.fancybox').each(function(){ 
 
      var $this = $(this); 
 
      var title = $this.attr('title'); 
 
      var src = $this.attr('data-big') || $this.attr('src'); 
 
      var a = $('<a href="#" class="fancybox"></a>').attr('href', src).attr('title', title); 
 
      $this.wrap(a); 
 
     }); 
 
     if (gallery) 
 
      $('a.fancybox').attr('rel', 'fancyboxgallery'); 
 
     $('a.fancybox').fancybox({ 
 
      titlePosition: titlePosition 
 
     }); 
 
    }); </script>

+0

Nein. Was tut es ist die 'addToAll' auf' true' gesetzt - wenn Sie das ternary später betrachten, wählt es alle 'img' wenn' addToAll' ist wahr - wenn NICHT wahr, wählt es alle Bilder mit '.fancybox' Klassensatz. Ändern Sie also entweder 'addToAll' auf false oder modifizieren Sie den verwendeten Selektor (entfernen Sie den ternären Operator). – junkfoodjunkie

+0

Ändere den Wert der Variablen 'addToAll' auf 'false' - jetzt fügt sie fancybox für alle img-Tags hinzu, egal welche Klasse sie haben. – Joint

Antwort

0

Ändern Sie den addToAll von true zu false. Auf diese Weise wird fancybox nur zu Bildern mit der Klasse .fancybox hinzugefügt.

+0

Das ist perfekt. Vielen Dank! –