Antworten auf deine Fragen:
Neues Thema erstellen

Spezielles Fotoalbum für die eigene Website gesucht...

Jonas800

Newbie

AW: Spezielles Fotoalbum für die eigene Website gesucht...

Hmm.. wäre ein gutes Argument. Kann es sein, dass ich einen Befehl an den falschen Platz platziert habe?

Hier nochmals den unveränderten Quellcode mit den Korrekturen. Ich werde diesen Code gleich nochmals etwas übersichtlicher darstellen und dann hier nochmals hineinstellen. Ich weiss, dass irgendwo ein kleiner Fehler ist - und das ist ja genau das Ärgerliche daran: kleiner Fehler, grosse Wirkung.

unveränderter Code:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN">
<html><head>
<meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type"><title>index</title>
<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"><link rel="stylesheet"
 href="library/svigm.css" type="text/css"></head><body><table
 style="text-align: left; width: 680px;" border="0"
 cellpadding="2" cellspacing="2"><tbody><tr>
<td style="width: 81px;"><!--Lightbox START--><a
 href="IMGP1328.jpg"><img
 style="border: 0px solid ; width: 217px; height: 163px;" alt="a"
 src="IMGP1328.jpg" rel="lightbox" title="my caption">image
#1</a>
</td><td style="width: 15px;"><a
 href="IMGP1346.jpg"><img
 style="border: 0px solid ; width: 217px; height: 163px;" alt="b"
 src="IMGP1346.jpg" rel="lightbox" title="my caption">image
#2</a>
</td><td style="width: 420px;"><a
 href="IMGP1373.jpg"><img
 style="border: 0px solid ; width: 217px; height: 163px;" alt="c"
 src="IMGP1373.jpg" rel="lightbox" title="my caption">image
#3</a>
</td><!-- Lightbox END --></tr></tbody></table></body></html>
EDIT: Hier der etwas übersichtlichere Code:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title>index</title>
<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">
<link rel="stylesheet" href="library/svigm.css" type="text/css">
</head>
<body>
<table style="text-align: left; width: 680px;" border="0" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td style="width: 81px;">
<!--Lightbox START-->
<a href="IMGP1328.jpg">
<img style="border: 0px solid ; width: 217px; height: 163px;" alt="a"
 src="IMGP1328.jpg" rel="lightbox" title="my caption">image #1</a>
</td>
<td style="width: 15px;">
<a href="IMGP1346.jpg">
<img style="border: 0px solid ; width: 217px; height: 163px;" alt="b"
 src="IMGP1346.jpg" rel="lightbox" title="my caption">image #2</a>
</td>
<td style="width: 420px;">
<a href="IMGP1373.jpg">
<img style="border: 0px solid ; width: 217px; height: 163px;" alt="c"
 src="IMGP1373.jpg" rel="lightbox" title="my caption">image #3</a>
</td>
<!-- Lightbox END -->
</tr>
</tbody>
</table>
</body>
</html>
Kann es sein, dass "<!-- Lightbox START -->" am falschen Platz ist? Müsste es nicht vor "<td style="width: 81px;">" kommen?
 
Zuletzt bearbeitet:

cebito

undefined

AW: Spezielles Fotoalbum für die eigene Website gesucht...

Ok, jetzt seh ich es...

HTML:
<a href="IMGP1373.jpg" rel="lightbox" title="my caption"><img style="border: 0px solid ; width: 217px; height: 163px;" alt="c"
 src="IMGP1373.jpg">image#3</a>
so wird ein Schuh draus... und den image#3-Text kannst auch weglassen...
 

Jonas800

Newbie

AW: Spezielles Fotoalbum für die eigene Website gesucht...

Ok, jetzt seh ich es...

HTML-Code:
<a href="IMGP1373.jpg" rel="lightbox" title="my caption"><img style="border: 0px solid ; width: 217px; height: 163px;" alt="c"
src="IMGP1373.jpg">
image#3</a>
so wird ein Schuh draus... und den image#3-Text kannst auch weglassen...
OHH - es hat geklappt :D Wunderbar, ganz ganz herzlichen Dank für deine Hilfe und deine Zeit dafür - und das noch zur späten Stunde:) , jetzt kann es endlich weitergehen ;)

EDIT: ahm, das Fenster öffnet sich zwar für jedes Bild. Aber was muss ich noch hinzugeben, damit man auch auf "next" klicken kann, wodurch dann das folgende Bild erscheint?

Liebe Grüsse
 
Zuletzt bearbeitet:

cebito

undefined

AW: Spezielles Fotoalbum für die eigene Website gesucht...

Manchmal frag ich mich, ob ihr überhaupt mal die Dokumentation lest. Die ist bei Lightbox wirklich nicht lang und zudem noch leicht verständlich. Da könnten sich hier einige Threads zum Thema erübrigen.

Was solls: rel="lightbox[ein_Galeriename]"
 

Jonas800

Newbie

AW: Spezielles Fotoalbum für die eigene Website gesucht...

Ob ich die Dokumentation gelesen habe? Nein, warum auch?*

Ich frage nur, weil das Beispiel folgendes zeigt:
HTML:
<a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a>
<a href="images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a>
<a href="images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a>

Da heisst es: image #1, image #2, image #3,... und oben schreibst du:
und den image#3-Text kannst auch weglassen...

Das verwirrt doch ein bisschen. Sind diese Zahlen nicht für die Lightbox notwendig? Wenn es einmal heisst, dass man sie weglassen kann, und andererseits werden sie in einem Beispiel mit fortlaufender Nummer angefügt...!!??

* ist ironisch gemeint
 

cebito

undefined

AW: Spezielles Fotoalbum für die eigene Website gesucht...

Das verwirrt doch ein bisschen. Sind diese Zahlen nicht für die Lightbox notwendig? Wenn es einmal heisst, dass man sie weglassen kann, und andererseits werden sie in einem Beispiel mit fortlaufender Nummer angefügt...!!??

Es ist wie bei einem normalen Link, du verlinkst ein Bild oder (wie im Lightbox-Beispiel) einen Text. Bei dir verlinkst du beides, wolltest aber den Text loswerden... also lass ihn weg, du hast immer noch das jeweilige Bild.

Du könntest z.B. auch:

HTML:
<a href="images/image-1.jpg" rel="lightbox[roadtrip]">ein Text und/oder ein Bild</a>
<a href="images/image-2.jpg" rel="lightbox[roadtrip]"></a>
<a href="images/image-3.jpg" rel="lightbox[roadtrip]"></a>
schreiben, dann würde in der Seite nur der Text und/oder das Bild was bei image-1.jpg verlinkt wurde angezeigt, beim Öffnen der lightbox und betätigen des "next"- Button auch die anderen beiden.
 

Jonas800

Newbie

AW: Spezielles Fotoalbum für die eigene Website gesucht...

Achso, ja dann ist alles klar. Sorry für die Umstände und Danke für die Hilfe

Gruss JOnas
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.642
Beiträge
1.538.514
Mitglieder
67.559
Neuestes Mitglied
Andi Schäfer
Oben