fancybox jquery plugin Links zu Bild, aber nicht überlagern

Auf dieser Seite, die ich für die Arbeit arbeite - http://www.basicliving.com - wenn Sie auf die Mutter Tages Specials Ad klicken, bringt es Sie zu einer separaten Seite mit dem Bild und einem Grau Hintergrund. Ich benutze fancybox und ich habe die Anweisungen auf der fancybox Website perfekt befolgt. Ich habe Firebug eingecheckt und alle Dateien sind da und verbunden. Sie sollten das Bild nur mit einem grauen, aber etwas transparenten Hintergrund überlagern, damit Sie den Inhalt der Startseite immer noch hinter dem Bild sehen können. Hier ist der Code ...fancybox jquery plugin Links zu Bild, aber nicht überlagern

$(document).ready(function(){ 
     /* This is basic - uses default settings */ 

     $("#init_over").fancybox({ 
      'speedIn'  : 600, 
      'speedOut'  : 200, 
      'overlayShow' : false, 
      'hideOnContentClick': true 
     }); 

    });

und html ...

<a id="init_over" href="<?php echo DIR_WS_TEMPLATES . TEMPLATE_NAME; ?>/images/mothersDayAd.jpg"> 
      <img src="<?php echo DIR_WS_TEMPLATES . TEMPLATE_NAME; ?>/images/momsDayAd.jpg" alt="Mother's Day Bosch Sale!" /></a>

Ich habe auch die CSS im Kopf verbunden ist, zusammen mit der notwendigen JQuery und fancybox Skripten. Sie sind alle da. Ich habe die FAQs auf der Website überprüft und alles, was gesagt wurde, war: "Stelle sicher, dass alles korrekt installiert ist". Ich habe es gegoogelt und andere Fragen auf Stapel gelesen und ich konnte nicht reparieren, also dachte ich, es ist Zeit zu fragen ... Danke!

Quelle

2012-03-30 Digital Brent

Ich habe auch versucht, die Wähler mit dem eine vor ihm, damit ich weiß, dass funktioniert auch nicht. $ ("a # init_over"). fancybox –

$ ("# init_over"). fancybox ist keine Funktion Sieht so aus, als wäre das Plugin nicht initialisiert. – madc

Ja, ich habe diesen Fehler auch bemerkt ... Ich kann nicht für das Leben von mir herausfinden, warum es nicht initialisiert ist, obwohl ich gesagt habe, dass ich die Schritte zur Installation des Plugins befolgt habe und sogar den Code raus und wieder genommen habe -installed ... irgendwelche Ideen was könnte diesen Fehler verursachen? Es macht mich verrückt. –

Es sieht so aus, als hätten Sie jQuery zweimal eingeschlossen.

<script type="text/javascript" src="templates/OS03C00309/includes/js/jquery.js"></script> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>

Quelle

2012-03-30 18:30:12 madc

Danke, das habe ich nicht bemerkt, aber ich habe es jetzt herausgenommen (das oberste Skript, weil das untere neu ist) und es funktioniert immer noch nicht so, wie es sollte. Auf einer separaten Notiz ... netter Avatar –

haben Sie noch zwei Versionen von jQuery: v1.7.1 und v1.4.4 – JFK

JFK hat Recht. Suche nach dieser Zeile: '', könnte es sein Hilfe, um alle js-Dateien im selben Bereich (am Ende des body-Tags, dh) zu sammeln, um den Code ein wenig sichtbarer zu machen. – madc

fancybox jquery plugin Links zu Bild, aber nicht überlagern

Antwort

Verwandte Themen