• Ich schätze, es wird diese Thema schon geben, aber hab es leider nicht gefunden.
    Ich habe die Lightbox anweisungen genau wie in youtube befolgt. Aber esfunktioniert auf der Homepage nicht. Der vor und zurück button ist für mich irrelevant. Es reicht mir, wenn der Rhamen erscheint, aber das passiert. Die ornder der Lightbox sind auf dem Hauptpfad im Server drin.So sieht mein Code aus:


    <!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">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <script type="text/javascript" src="http:/www.polttech.de/js/prototype.js"></script>
    <script type="text/javascript" src="http:/www.polttech.de/js/scriptaculous.js?load=effects,builder"></script>
    <script type="text/javascript" src="http:/www.polttech.de/js/lightbox.js"></script>
    <link rel="stylesheet" href="http:/www.polttech.de/css/lightbox.css" type="text/css" media="screen" />


    </head>


    <body>
    <a href="http://www.polttech.de/koffer_gross.jpg" rel"lightbox" >
    <img src="http://www.polttech.de/koffer_klein.jpg" width"150" height="150"/>
    </a>
    <a href="http://www.polttech.de/dvd_gross.jpg" rel"lightbox" >
    <img src="http://www.polttech.de/dvd_klein.jpg" width"150" height="150"/>
    </a>


    </body>
    </html>


    Und das ist die testseite: <!-- m --><a class="postlink" href="http://www.polttech.de/seite2.html">http://www.polttech.de/seite2.html</a><!-- m -->
    Vielen für die Hilfe im Voraus

  • Hey, ich hab den Fehler (=

    Zitat von &quot;stylegangsta&quot;


    In deinem Code steht rel"lightbox", es muss aber rel="lightbox" heißen! :D


    Lg
    Sarkkan


    PS:Solltest du hier noch mal Code posten, so verwende bitte die Codefunktion dafür:

    Code
    [code]Mein Code, kommt immer zwischen diesen beiden Dinger, damit er so schön
    Preformatiert aussieht 
        und man das direkt als Code identifizieren kann (=

    [/code]

  • Öhm.. also zum einen sieht dein Code gerade wie folgt aus:

    Code
    <p><a href="http://www.polttech.de/koffer_gross.jpg" rel="lightbox" >
    <img src="http://www.polttech.de/koffer_klein.jpg" width"150" height="150"/></a></p>
    <p><a href="http://www.polttech.de/dvd_gross.jpg" rel="lightbox" ><img src="http://www.polttech.de/dvd_klein.jpg" width"150" height="150"/></a><a href="http://www.polttech.de/koffer_gross.jpg" rel"lightbox" >
    </a></p>


    Es fehlen bei allen beiden width-Angaben das Gleichzeichen^^
    und auch beim unteren hast du es noch nicht zu rel="lightbox" umgeändert ;(


    Öhm.. versuch es nach dem du das gemacht hast bitte noch mal, ob es jetzt klappt :)
    Wenn nicht, dann versucht mal bitte folgendes (wäre das einzige, wo ich sagen würde, dass es daran evtl. liegen könnte..^^) :


    Ändere mal bitte deine Pfade in Relative Pfade um, wie das geht zeige ich dir gerne^^
    Das bedeutet, dass wir immer von unserer Momentanen Position aus uns in der Verzeichnisstruktur bewegen

    Code
    Unsere Seite:
    ????bilder
    ????includes
    ????scripts
    ????styles
     index.html
     meinBild.jpg


    Befinden wir uns also nun im Hauptverzeichnis, z.B. in der Index.html und wollen wir Dateien auf der Selben Ebene ansprechen, so schreiben wir ganz einfach href="index.html" oder auch scr="meinBild.jpg".
    Wollen wir Bilder aus unserem Bilderordner und wir sind wieder in unserer Index.html, so benutzten wir scr="bilder/meinAnderesBild.jpg".
    Wollen wir nun z.B. aus einem Untergeordneten Ordner etwas haben (z.B. sind wir gerade in einer Datei in dem Ordner Scripts), so machen wir das mit 2 Punkten vorher klar, dass das verzweichnis gewechselt wird href="../index.html".
    Bei dir müsste man also dir erste Methode anwenden :)
    Alles immer anstelle von "http://www.polttech.de/koffer_gross.jpg" Einfach "koffer_gross.jpg"

  • Schau dir bitte zum einen meinen Vorpost an, zum anderen findet der ganz einfach die JS Dateien nicht^^
    Liegen die auch alle in dem Ordner js auf deiner Internetseite?


    Kannst du uns mal versuchen deine Ordnerstruktur zu zeigen?^^

  • Zitat von &quot;Sören&quot;

    "htttp://" wird mit 2 Slashes geschrieben, du hast es mit nur einem geschrieben.


    Hallo Sören,
    boah vielen Dank. Was so ein slash bewirken kann. normal überseh ich so was nicht, aber ich bin seit Montag volle Kanone erkältet.


    Vielen Dank für die Hilfe von euch allen.


    Greetz
    stylegangsta

  • Hallo 1 Mal muss ich euch doch belästigen.
    Habt Ihr eine Idee wie ic das jetzt auf einer externen Seite verwenden kann, von meinem Server aus vo die Dateien liegen.
    Beispiel: <!-- m --><a class="postlink" href="http://www.example.com/">http://www.example.com/</a><!-- m --> <------- da wird das kleine Bild angezeigt, aber wenn man drauf klickt soll dann das grosse Bild mit dem Lightbox effekt erschein auf der Seite, allerdings über die Dateien, die auf meinem Server liegen. Ich kann dort nämlich keine Ordner oder ähnliches hochladen, sondern nur verlinken mit href usw. Es daf auch kein Iframe oder Java script enthalten im html text auf der Seite, wo ich es haben will. Ich wollte es nicht so, aber leider nimmt die externe Seite, weder javascript, Iframe, noch php include befehle. Es geht nur html und div.
    Hat irgeneiner eine Idee ohne Iframe, php usw. das hinzubekommen?
    Kann man nicht irgendwie die lightbox sozusagen extern verlinken, wie zum Beispiel: <rel="http://www.polttech.de/lightbox">?? Das genannte Beipeil geht nicht. Muss ich vielleicht anstatt rel was anderes angeben oder den Pfad anders angeben?


    Ist es überhaupt möglich????

  • hey :)
    ich probiere gerade die lightbox auf meiner seite (offline) aus, aber es gibt keinen prev./next button. ein titel erscheint auch nicht :(


    Code
    <a href="bilder/israel/PA180003.jpg" rel="lightbox[israel]"><img src="bilder/israel/PA180003.jpg" width"150" height="113" alt="Israel1" title="Israel"></a>
             <a href="bilder/israel/PA180005.jpg" rel="lightbox[israel]"><img src="bilder/israel/PA180005.jpg" width"150" height="113" alt="Israel1" title="Israel"></a>
             <a href="bilder/israel/PA180007.jpg" rel="lightbox[israel]"><img src="bilder/israel/PA180007.jpg" width"150" height="113" alt="Israel1" title="Israel"></a>


    habe ich etwas falsch gemacht?

  • ich ergänze noch was ich im head teil stehen habe:

    Code
    <link href="design.css" type="text/css" rel="stylesheet" />
               <script type="text/javascript" src="js/prototype.js"></script>
               <script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
               <script type="text/javascript" src="js/lightbox.js"></script>


    in der datei design.css habe ich die sachen aus der lightbox css datei stehen...

  • Hallo,
    sicher dass die bilder der lightbox da sind?
    Also prev next und co als Bild?


    Und ist auch alles im Originalordner, ganz am Anfang in der Verzeichnisstruktur der Seite?

  • jaa :(
    die buttons existieren auch, werden aber nicht angezeigt. also wenn man auf den bestimmten bereich klickt geht es vorwärts und auch rückwärts. nur die bilder sind nicht da...

  • habe die lightbox nochmal neu heruntergeladen, entpackt (7-zip), und die 3 ordner in meinen homepage ordner kopiert. die css daten in meine css datei kopiert. die 3 zeilen von der lightbox seite kopiert und eingefügt. nach wie vor kein titel, kein next button, kein prev. button ;(

  • Am besten helfen können wir dir, wenn das ganze irgendwo komplett hochgeladen ist ;)
    Ansonsten können wir nur vermuten.
    Was du mal versuchen kannst:
    Seite im Browser aufrufen, Quelltext ansehen und Links zu den Bildern öffnen. Wenn das nicht geht, stimmt irgendwas mit dem Pfad oder der Rechtschreibung nicht ;)


    Gruß
    Laura

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!