Registrieren | Einloggen
Suche | FAQ


Autor Thema: Test Skript
GXRdrago
Co-Clan Leader
=GXR=
**********
ID # 13



Beiträge: 2217
Mitglied seit: Juni 2003

Erstellt am 06. Juli 2012 18:59 (#2) Zitat E-Mail PN
Zitat von =GXR=Viper:
Wie hast du gemeint soll ich das machen

die dateien in ein (standard-win) zip packen und dann hier mit der "Upload Pic" funktion uploaden :)

Wer nicht über die Zukunft nachdenkt, wird keine haben.
=GXR=Viper
styles/dream_in_blue.css
=GXR=
********
ID # 565



Beiträge: 652
Mitglied seit: November 2011

Erstellt am 15. Juli 2012 19:14 (#3) Zitat E-Mail PN
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd"><html><head> <title>Testgallerie</title> <link

rel="stylesheet" href="testgallerie.css" type ="text/css"> <!-- css laden --> <script

language="JavaScript" src="testgallerie.js"></script> <!-- ein paar eigene Javascript funktionen

einbinden --> <script language="Javascript">SetThumbnailDirectory("Thumbs/"); <!--

Pfad zu den Vorschaubildern -->SetImageDirectory("Bilder/"); <!-- Pfad zu den großen Bildern -->

<!-- Liste aller Bilder, diese müssen sowohl als Vorschau als auch in groß mit

gleichem Namen existieren! -->AddImage("Bild1.jpg");AddImage("Bild2.jpg");

AddImage("Bild3.jpg");AddImage("Bild4.jpg"); </script></head><!-- Beim Laden der

Seite wird die Javascriptfunktion "select" mit Parameter "0" ausgeführt. Das erste Bild wird

geladen. --><body onLoad="select('Image', 0)"><!-- Kontainer für das große Bild. Der Kontainer

hat eine feste Position. Die Höhe sollte an die Größe des Bildes angepasst werden. --><div

class="Top"><!-- Dem ersten Kontainer werden zwei CSS-Klassen zugewiesen. Die kombination

der Kontainer mit Klasse "Outer" und "Inner" dient der Zentrierung der Inhalte. Die jeweils 3.

Klasse der Positionierung des Kontainers innerhalb des "Top"-Kontainers.--><div class="Outer

Image"><div class="Inner"><img class="Large" name="Image" src="" /></div></div>

<div class="Outer Left"><div class="Inner"><span class="Link" onClick="prev

('Image')">&lt;</span></div></div><div class="Outer Right"><div class="Inner"><span

class="Link" onClick="next('Image')">&gt;</span></div></div></div><!-- Kontainer für die

Vorschaubilder Die Breite sollte in der CSS-Datei auf Anzahl der Bilder multipliziert mit deren Breite

gesetzt werden, wenn alle nebeneinander angezeigt werden sollen. "margin-top:" muss auf die Höhe

des Top-Kontainers gesetzte werden. --><div class="Bottom"><!-- Die Javascriptfunktion

"ListPreviews()" Listet alle Vorschaubilder auf. Das img-Tag hat die CSS-Klasse

"Thumbnail" und kann darüber formatiert werden. Da das Bild als Link dient, sollte der

Mauszeiger angepasst werden (cursor: pointer;). Weiterhin können alle Bilder mittels "float:

left;" --><script language="Javascript">ListPreviews('Image');</script></div></body></html>
GXRdrago
Co-Clan Leader
=GXR=
**********
ID # 13



Beiträge: 2217
Mitglied seit: Juni 2003

Erstellt am 15. Juli 2012 19:17 (#4) Zitat E-Mail PN
http://www.team-ger.net/gxrdrago/NFSW/tuner/gallery.html

http://www.team-ger.net/gxrdrago/NFSW/tuner/cars.zip

Wer nicht über die Zukunft nachdenkt, wird keine haben.
=GXR=Viper
styles/dream_in_blue.css
=GXR=
********
ID # 565



Beiträge: 652
Mitglied seit: November 2011

Erstellt am 15. Juli 2012 19:25 (#5) Zitat E-Mail PN
So sieht das bei mir aus:

http://www.abload.de/img/galleryagok3.png
Posting © =GXR=Viper 2013. Alle Rechte vorbehalten. Kein Verwenden, Zitieren und Kritisieren ohne Erlaubnis. :D



God save the screen... ;)