Colorbox Plugin funktioniert nicht

sunbrust · 25.08.2013

Hallo,

ich möchte gerne die Colorbox in mein Projekt einbinden.
Ich habe das Plugin anhand des Beginner's Guide installiert.

Nur leider funktioniert die Colorbox überhaupt nicht und ich finde einfach nicht den Fehler. Der IE öffnet die Bilder dann einfach ohne jeglichen Effekt.
Beim Firefox verschwindet das Thumbnail sobald ich darauf klicke und nichts passiert. Wenn ich die linke Maustaste wieder loslasse, taucht das Thumbnail wieder auf.

Hier mal die entsprechenden Code-Teile:

Code:

<head>
  <link rel="stylesheet" href="colorbox.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js</script>
  <script src="js/jquery.colorbox.js"></script>

jQuery(document).ready(function(){ 
$(".group1").colorbox({rel:'lightbox'});
});
</head>

<body>
<a class="group1" href="01.jpg"><img src="thumbnails/01.jpg" title="01" alt="01" border="0"></a>
</body>

Ansonsten ist in dem Projekt noch ein jQuery Slider aktiv und eine jquery accordeon Funktion. Beides funktioniert problemlos.

Achso auch wenn ich bei dem "a tag" rel="lightbox" eingebe, passiert nichts.

Vielleicht weiß jemand von euch was ich falsch mache.

Gruß

Duddle · 25.08.2013

AW: Colorbox Plugin funktioniert nicht

Kannst du das bitte irgendwo hochladen? Falls notwendig, wirf die Inhalte raus, die noch nicht öffentlich sein sollen bzw. anonymisier diese.

Duddle

sunbrust · 27.08.2013

AW: Colorbox Plugin funktioniert nicht

Hi,

ich habe es jetzt mal bei einem kostenlosen Webspaceanbieter hochgeladen.
Ich habe etwas gebraucht da ich die Daten eben noch anonymisieren musste.

Den Fehler habe ich immer noch nicht entdeckt.
Sobald der der Hoster meinen Account eingerichtet hat, poste ich hier den Link.
Vielleicht findest du den Fehler ja ;-)

sunbrust · 28.08.2013

AW: Colorbox Plugin funktioniert nicht

Hi,

ich habe hier einfach mal den Teil hochgeladen der nicht funktioniert.
Der "Effekt" ist genau der, den ich eben auf der Webseite lokal habe.

vielleicht findet ja jemand von euch einen Fehler.

Wäre nett wenn ihr mal drüberschaut.

Gruß

Duddle · 28.08.2013

AW: Colorbox Plugin funktioniert nicht

Für den IE kann ich nicht bürgen, aber im Firefox (einem recht alten) habe ich den Fehler gefunden: du hast im CSS die Zeile

Code:

#beispiel3 a, a:visited, a:active { border: 0; background: url(ordner/biespiel3.png); width: 58px; height: 12px; position: absolute; left: 460px; top: 309px; }

Dort versuchst du, a:visited und a:active im Kontext von #beispiel3 zu definieren. Aber so funktioniert das nicht. Du musst immer den kompletten Pfad angeben, wenn du Elemente durch Komma trennst, also

Code:

#beispiel3 a, #beispiel3 a:visited, #beispiel3 a:active {...}

So wie du es jetzt hast wird das CSS bei einem aktiven Link angewandt, was die Colorbox durcheinanderbringt.

Diddöe

sunbrust · 28.08.2013

AW: Colorbox Plugin funktioniert nicht

Tausend Dank dir

Funktioniert jetzt einwandfrei im Firefox.

Das ich immer den kompletten Pfad angeben muss,wusste ich gar nicht.
Danke, da habe ich wieder etwas gelernt.

Noch eine weitere Frage. Weißt du ob der IE 9 sich mit jQuery Elementen etwas schwer tut?

Mein Slider ruckelt dort ziemlich und auf die Colorbox reagiert der Browser gar nicht sondern öffnet die Bilder lediglich in einem neuen Fenster.
Im Firefox funktioniert alles einwandfrei.

Danke nochmal.

Duddle · 29.08.2013

AW: Colorbox Plugin funktioniert nicht

Der Vorteil von jQuery ist gerade, dass es browserübergreifende Methoden anbietet, der Entwickler sich also keine Sorgen mehr um diese Sachen machen muss. Der IE9 wird voll unterstützt. Der IE8 wird ab jQuery 2.x ignoriert, aber du benutzt jQuery 1.10 (was nicht älter ist, sondern parallel entwickelt wird).

Die Performance hängt von vielen Sachen ab. Auf Anhieb finde ich keine Artikel, die in dem Kontext insbesondere auf IE9 + jQuery eingehen. Ich würde an deiner Stelle entweder verschiedene PlugIns probieren (um zu sehen ob es allgemein an einer Sorte liegt) oder die Seite anderweitig entschlacken (vielleicht wollen gleichzeitig mehrere Dinge im Hintergrund etwas tun und "verwirren" den Browser).

Duddle

Duddle