prototype.js

[easymoments]

hallo.

ich möchte mit prototype.js einen simplen bildwechsel realisieren.
kennt sich damit jemand aus?
das js hab ich hochgeladen und im headbereich eingebunden. nun muss ich dem teil ja irgendwie die bilder zuweisen..?
mit der prototype seie komm ich nicht so wirklich weiter...

 

[Flo]

Ich kenn prototype nicht besonders.

Allerdings denke ich, dass du dir das einiges zu einfach vorstellst. Prototype.js ist eine Art Erweiterung für Javascript und bietet dir nicht einfach mal eben die Möglichkeit einen Bildwechsel in 3 Schritten zu erstellen - auch wenn es sicher mit Prototype einfacher geht als mit reinem Javascript.

Wenn du also noch kein Javacript kannst, dann bringt dir Prototype nichts. Wenn du Javascript kannst, dann solltest du mit der Doku und den Tutorials zurechtkommen.

 

[Holger71]

Mit der AJAX Anwendung Lightbox JS ist dies recht einfach. Die Software gibt es auf www.huddletogether.com/projects/lightbox2/#download

Die Einbindung in die Seite sieht so aus:

Header
CODE
<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" />



sichtbarer Bereich mit z.B. 3 Bildern:

CODE
<a href="bild1.jpg" title="titel1" rel="lightbox[Thema]"><img src="vorschau1.jpg" alt="titel1" /></a>
<a href="bild2.jpg" title="titel2" rel="lightbox[Thema]"><img src="vorschau2.jpg" alt="titel2" /></a>
<a href="bild3.jpg" title="titel3" rel="lightbox[Thema]"><img src="vorschau3.jpg" alt="titel3" /></a>



Wichtig dabei ist das [Thema] der Oberbegriff für die entsprechende Bildsammlung ist, ähnlich wie eine Kategorie.
Wenn Du nur ein einzelnes Bild, also keine Gruppe mit prototype darstellen möchtest brauchst du nur das Attribut der Relation in rel="lightbox" ändern.

Dazu findest du leider sogut wie keine deutschen Tutorials aber auf englischen und chinesischen Seiten dafür umso mehr Infos. Ich hoffe es hilft Dir weiter.

Gruß Holger