Hallo,
Ich hoffe das hier is der richtige Teil des Forums für mein Anliegen. Das ist etwas schwer abzugrenzen, weil es javascript und HTML beidermaßen umfasst.
Ich habe Jquery-Fancybox in meine Webseite eingebunden. Dieses funktioniert manchmal auch einwandfrei, dann wird ein Bild, mit Pfeilen und Rahmen auf schwarzem Hintergrund angezeigt.
Leider passiert aber manchmal, dass beim "anklicken" eines Fancybox-Bildes, die Webseite zwar schwarz färbt, das Bild aber fehlt. Bei nochmaligem "anklicken" dieses schwarzen Bildes schließt es sich ganz normal, wie dies bei einem funktionierenden Fancybox -Bild auch geschieht.
Meine Webseite ist so aufgebaut, dass ich Javascript und HTML in separaten Dateien habe.
Hier mal die wichtigen Ausschnitte meines Codes:
Datei: Bilder.html :
Die Datei Bilder.JS :
Kann mir jemand sagen wo der Fehler liegen könnte?
Ich hoffe das hier is der richtige Teil des Forums für mein Anliegen. Das ist etwas schwer abzugrenzen, weil es javascript und HTML beidermaßen umfasst.
Ich habe Jquery-Fancybox in meine Webseite eingebunden. Dieses funktioniert manchmal auch einwandfrei, dann wird ein Bild, mit Pfeilen und Rahmen auf schwarzem Hintergrund angezeigt.
Leider passiert aber manchmal, dass beim "anklicken" eines Fancybox-Bildes, die Webseite zwar schwarz färbt, das Bild aber fehlt. Bei nochmaligem "anklicken" dieses schwarzen Bildes schließt es sich ganz normal, wie dies bei einem funktionierenden Fancybox -Bild auch geschieht.
Meine Webseite ist so aufgebaut, dass ich Javascript und HTML in separaten Dateien habe.
Hier mal die wichtigen Ausschnitte meines Codes:
Datei: Bilder.html :
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de"> <head>
<script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.fancybox.pack.js"></script>
<link rel="stylesheet" href="jquery.fancybox.css" type="text/css" media="screen" /></head>Die Datei Bilder.JS :
Code:
$(document).ready(function()
{
$(".fancybox").fancybox({
prevEffect : 'none',
nextEffect : 'none',
helpers : {
title : {
type: 'outside'
},
thumbs : {
width : 50,
height : 50
}
}
});Kann mir jemand sagen wo der Fehler liegen könnte?