• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Lightbox startet nicht

M

myoddo

Mitglied
Hallo
Leider startet die Lightbox nicht


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>
         <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
         <title></title>
         <link href="css/bildschirm-css-hbh.css" rel="stylesheet" type="text/css" media="screen" />
         <link rel="icon" type="image/gif" href="animated_favicon1.gif" >    

         <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>
         <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

</head>
<body>
<li>
                 
                 <a href="http://www.html.de/images/vorg-01-800.jpg" rel="lightbox[roadtrip]" alt="xx" 
                 width="800" height="600" /a> 
                 <img src="pictures/vorg-01-320.jpg" alt="xx" boarder="0"width="320" height="240" /                                    ></a></li>
                 
                 </body>

Css Datei habe ich am richtigen Platz eingefügt
JS 3 Dateien ebenso


Verzeichnis / css/ lightbox.css
Verzeichnis/ js/prototype.js
Verzeichnis /js/scriptaculous.js
Verzeichnis/ js/lightbox.js

Denke das war es ja ? Oder Habe ich was vergessen.
Die Dateien habe ich nicht verändert. Habe von JS keine Ahnung und nur die Dateien in das Verzeichnis geschoben.


Klicke ich auf das Bild passiert nichts.
Ach das Bild habe ich nat. in dem image Ordner. Wie auch die bullet-close…….Dateien


Danke
 
Werbung:
Schau dir deinen HTML-Code mal genau an. Der ist ziemlich kaputt ab dem <body>. Da kann die Lightbox gar nicht funktionieren.
 
ist auch so. Sorry

HTML: 
<li>               
                 <a href="http://www.html.de/images/vorg-01-800.jpg" rel="lightbox[roadtrip]" alt="" 
                 width="800" height="600" /a> 
                 <img src="pictures/vorg-01-320.jpg" alt="" boarder="0"width="320" height="240" /></a></li>
</li>

weshalb bastelt mir das forum dieses ( http://www.html.de) ein.
Es steht "nur" dieses in meinem Html <a href="/images/vorg-01-800.jpg" rel="lightbox[roadtrip]" alt="Hug Galabau"
width="800" height="600" /a>
 
Werbung:
Noch einmal nachgefragt.

So funktioniert der Link (ohne Lightbox) ich werde auf das Große Bild weitergeleitet.

HTML: 
  <a href="http://www.html.de/images/vorg-01-800.jpg" ><img src="pictures/vorg-01-320.jpg" width="320" height="240"></a>

Baue ich rel ein. Geht nichts mehr !?
HTML: 
<a href="http://www.html.de/images/vorg-01-800.jpg" rel="lightbox[roadtrip]"><img src="pictures/vorg-01-320.jpg" width="320" height="240"></a>

Habt ihr die Lösung ?

In der Beschreibung von Lightbox steht.
Part 2 - Aktivieren
1. Ergänze jeden Bildlink um ein a rel="lightbox" um Lightbox zu aktivieren. Zum Beispiel:

HTML: 
<a href="bilder/bild1.jpg" rel="lightbox" title="Überschrift">Bild #1</a>


Danke für Eure Hilfe
 
Zuletzt bearbeitet:
Läuft !! Warum auch immer.
Nur noch eines. Klicke ich auf das <img> kommt die Lightbox.
Allerdings wird mir beim überfahren des <img> nicht angezeigt dass es geklickt werden kann (keine Hand)
 
Werbung:
Normalerweise sollte bei einem Link automatisch cursor auf pointer gesetzt sein, selbst wenn dieser nur ein Bild enthält. Wenn es bei dir nicht passiert, kann das

a) an deinem CSS liegen (vlt. setzt Du cursor für Links schon auf einen anderen Wert)

oder b) an deinem eigenen Browser liegen der eigene Cursor-Werte setzt (kann auch vom Betriebssystem her kommen).

Den Tipp auf oben stehenden Post würde ich jedoch nur auf Bilder beziehen die von Links umgeben sind. Also:

Code: 
a img { cursor: pointer; }

Sonst gibt es bei jedem Bild der Seite den Cursor.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben