jquery. mehrbildergalerie kommt nur ladebalken
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
angabe
bild
bildergalerie
code
datei
demo
ernste zweifel
fehler
fehlermeldung
galerie
gleiches problem
idealfall
laden
nachsehen
pfad
richtig angeben
single
springen
test
wissen
-
hi,
ich benutze jquery in meiner homepage.
nun möchte ich eine bildergaliere erstellen, aber es tut sich nichts weiter als das der ladebalken stundenlang vor sich hinflimmert.... das script baut den kasten einfach nicht auf.
die pfad angaben sind alle korrekt und als single-bilder funktioniert das script auch. nur bei der mehr-bilder-galerie streikt das script!
<head> <title>Floßaction im Weiher</title> <script type="text/javascript" src="../box/jquery.js"></script> <script type="text/javascript" src="../box/thickbox.js"></script> <style type="text/css" media="all">@import "../box/thickbox.css";</style> </head> <a href="image/1.jpg" rel="test" class="thickbox"><img src="thumb/1.jpg" alt="bild 1"></a>
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Ähm, ich habe ernste Zweifel , dass dieses kleine Script für eine Bildergalerie ausreicht. JQuery muss irgendwoher auch wissen welche Bilder es laden soll und woher und wann. Oder enthälst du uns jenen Code vor?
-
evil-devil schrieb:
Ähm, ich habe ernste Zweifel , dass dieses kleine Script für eine Bildergalerie ausreicht. JQuery muss irgendwoher auch wissen welche Bilder es laden soll und woher und wann. Oder enthälst du uns jenen Code vor?
so klein ist das script ja nicht wirklich
^^siehe <head> bereich
laut anleitung von jquery hab ich alles richtig gemacht. das script weis welche bilder es laden soll anhand dessen was ich im link angib und es weis welche bilder alle zu einer gallerie gehöhren anhand von "rel=test" -
ich hab weder das eine noch das andere installiert ^^
es kommen keinerlei fehlermeldungen...
edit: im IE funktioniert das script auch nicht. gleiches problem wie im MF
Beitrag zuletzt geändert: 18.5.2009 15:30:37 von losebettler1 -
dann installier mal beides. Und ich vielleicht einen Link zum TUtorial für diese Bildergalerie. Auf der JQuery Seite hab ich nicht viel finden können bis auf die API Docs.
-
http://jquery.com/demo/thickbox/ <-- dort ist ganz oben die anleitung zum einbinden und unter "exampels" findest du die gallerie mit "demo-html"
hab mir eben firebug geladen, aber ich weis nicht ob es fehler gefunden hat oder nicht... gibt das programm irgendwie eine meldung wen was nicht passt? -
Ah, jetzt verstehe ich das.
@Firebug: Du musst Firebug für die jeweilige Seite aktivieren. Ich schätze mal, dass die Pfadangabe zu deinem Bild nicht stimmt und JQuery das Bild nicht finden kann. Ob eine Datei geladen wurde oder nicht kannst du bei Firebug im Netzwerk Tab nachsehen. Dort werden alle Anfragen gelistet die vom Browser rausgeschickt wurden für den AUfbau der Seite. Auch die von Ajax. ALternativ in der Konsole nachschauen ;) -
oder lad die seite einfach mal hoch und gib uns den Link :)
also dein Script ist ja zur Zeit nur für 1 Bild aktiviert. Zeig uns mal, wie es bei 2 Bildern aussieht.. was hast du da geschrieben?
und schließ bitte IMMER deine img tags. Entweder mit <img src="" /> oder mit <img src=""></img>
das könnte schon deinen Fehler beheben... -
also bei 3bildern funktioniert es genausowenig.
ich hab den pfad zu 100% richtig angeben. (hab sogar die dateien schon alle im selben ordner gehabt damit die pfade auch wirklich passen!)
<head> <title>thickbox-test</title> <script type="text/javascript" src="../box/jquery.js"></script> <script type="text/javascript" src="../box/thickbox.js"></script> <link rel="stylesheet" href="../box/thickbox.css" type="text/css" media="screen" /> </head><body> <a href="image/2.jpg" title="add a caption to title attribute / or leave blank" class="thickbox" rel="galerie-plants"><img src="thumb/2.jpg" alt="Single Image"/></a> <a href="image/3.jpg" title="add a caption to title attribute / or leave blank" class="thickbox" rel="galerie-plants"><img src="thumb/3.jpg" alt="Single Image"/></a> <a href="image/4.jpg" title="add a caption to title attribute / or leave blank" class="thickbox" rel="galerie-plants"><img src="thumb/4.jpg" alt="Single Image"/></a> </body>
-
dann lad es doch bitte hoch und zeig uns den fehler...
-
raubritta schrieb:
dann lad es doch bitte hoch und zeig uns den fehler...
puhh endlich geschafft!
der fehler lag in der thickbox.js (hatte sie auch schon geupdatet auf die neueste version, hatte aber nichts gebracht)
also jeder der den gleichen fehler hatte wie ich, die alter version 1.3.1 nehmen und in der thickbox.js auf zeile 78 springen und @rel zu rel abändern.
dann läuft des alles wie geschmiert!
(über google hab ich jetzt endlich die lösung gefunden, man muss nur mal auf die richtigen suchbegriffe kommen :D) -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage