Push-Nachrichten von MacTechNews.de
Würden Sie gerne aktuelle Nachrichten aus der Apple-Welt direkt über Push-Nachrichten erhalten?
Forum>Software>Wie installiere ich lightbox2 bei iWeb??

Wie installiere ich lightbox2 bei iWeb??

JKNK17.09.0616:17
Hallo,

aus dem theadhttp://www.mactechnews.de/index.php?function=17&thread=59002&cat=2 habe ich lightbox2 gefudne das würdde ich jetzt gerne auf meine iWebsite packen, aber ich weiss nicht wie das geht. Da steht wasvon script und so aber das sgat mir alles nichts:-[ habe nicht so die wahre ahnung von den dingen.
0

Kommentare

JKNK17.09.0617:25
hat niemdn ne ahnung?
0
larsvader
larsvader17.09.0617:40
mir ist nicht bekannt, das man es bei iWeb 'installieren' kann.
Das ganze ist eine Javascript-Datei und eine CSS-Datei, die in jeder deiner html-Seiten verlinkt werden müssen. Dann musst du nur einen entsprechenden link zu jedem Bild erstellen und as wars schon.
Das ist eigentlich eine super einfache Sache, wenn man minimale Grundkenntnisse in html hat. Wenn man von html noch nie etwas gehört hat sollte man sich davon aber nicht abschrecken lassen - es ist eigentlich sehr einfach.
Einen guten Einstieg in html kann man hier finden:

http://de.selfhtml.org/

0
JKNK17.09.0617:43
Und wie mache ich eine super einfache verlinkung?? wo mit öffne ich den die seite?
0
JKNK17.09.0617:47
Ich habe es über GolIve laufen, also müsste ich da die datein der sildeshow änern oder wie?
0
larsvader
larsvader17.09.0618:26
golive ist ok, aber viel zu überdimensioniert. html sind nur Textdateien, also reicht textedit vollkommen.

Hier folgt die Anleitung die Jeder verstehen sollte

Es gibt eine Datei ohne lightbox: index.html http://www.larsistonline.de/lightbox/index.html

Und eine Datei mit den Änderungen: test.html http://www.larsistonline.de/lightbox/test.html

Ich habe alles unwichtige weggelasen, damit es übersichtlich ist. Die Datei index.html sieht mit einem Texteditor betrachtet so aus:

<html>
<head>
</head>
<body>
<a href="large-image-1.jpg">
<img src="image-1.jpg"></a>
<a href="large-image-2.jpg">
<img src="image-2.jpg"></a>
</body>
</html>

Die Datei test.html so:

<html>

<head>

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>

<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

</head>

<body>

<a href="large-image-1.jpg" rel="lightbox[test]" title="test 1">

<img src="image-1.jpg">

</a>

<a href="large-image-2.jpg" rel="lightbox[test]" title="test 2">

<img src="image-2.jpg">

</a>

</body>

</html>

Hier kannst du sehen welche Änderungen du vornehmen musst.

Das einzige was du jetzt noch machen musst ist den Inhalt der Datei lightbox2.02.zip in dein Verzeichnis auf dem Webserver zu kopieren. Das ganze sollte dann wie auf dem Bild aussehen.

Viel Erfolg.

0
JKNK17.09.0618:53
Danke.

Du hast Post
0

Kommentieren

Diese Diskussion ist bereits mehr als 3 Monate alt und kann daher nicht mehr kommentiert werden.