kostenloser Webspace werbefrei: lima-city


jquery. mehrbildergalerie kommt nur ladebalken

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    losebettler1

    losebettler1 hat kostenlosen Webspace.

    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>
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. e********l

    Ä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?
  4. Autor dieses Themas

    losebettler1

    losebettler1 hat kostenlosen Webspace.

    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"
  5. e********l

    Ok...bekommst du denn irgendwelche Fehlermeldungen zurückgeliefert?

    Im Idealfall hast du Firebug und IE Developer Toolbar installiert...
  6. Autor dieses Themas

    losebettler1

    losebettler1 hat kostenlosen Webspace.

    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
  7. e********l

    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.
  8. Autor dieses Themas

    losebettler1

    losebettler1 hat kostenlosen Webspace.

    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?
  9. e********l

    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 ;)
  10. 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...
  11. Autor dieses Themas

    losebettler1

    losebettler1 hat kostenlosen Webspace.

    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>
  12. dann lad es doch bitte hoch und zeig uns den fehler...
  13. Autor dieses Themas

    losebettler1

    losebettler1 hat kostenlosen Webspace.

    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)
  14. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!