brauche hilfe bei Slideshow..

[Fitzi124]

Hallo..
Dies ist mein erster Beitrag in diesem Forum..


Ich habe im Rahmen eines Schulprojektes eine kleine HTML Seite gebastelt..
Und nun möchte ich diese Seite mit einer kleinen Slideshow "verfeinern".

Ich habe auf dieser Seite eine Galerie mit Bilder-kacheln (ähnlich wie die Win8 Metro kacheln)
nun möchte ich, das die Slideshow nach dem klick auf einen Button sich zufällig eine (von 15)
Kacheln schnappt und das Bild zufällig durch eins von 30 verändert (nach möglichkeit nicht
2x gleichteitig das gleiche Bild, ist aber optional). Danach soll es wieder von vorne laufen bis der Button
ausgeschaltet wird.

Ich brauche ein wenig hilfe bei dem Skript und dabei das Skript richtig einzubinden..


Der teil von meinem Quelltext in dem die Bilder angezeigt werden..

<div id="gallery1" class="box no_mr">
<a href="http://www.html.de/images/gallery/01.jpg" rel="lightbox[gallery]"><img src="http://www.html.de/images/gallery/01-klein.jpg" alt="image 01" /></a>                
<a href="http://www.html.de/images/gallery/02.jpg" rel="lightbox[gallery]"><img src="http://www.html.de/images/gallery/02-klein.jpg" alt="image 02" /></a>                            
<a href="http://www.html.de/images/gallery/03.jpg" rel="lightbox[gallery]"><img src="http://www.html.de/images/gallery/03-klein.jpg" alt="image 03" /></a>                    
<a href="http://www.html.de/images/gallery/04.jpg" rel="lightbox[gallery]"><img src="http://www.html.de/images/gallery/04-klein.jpg" alt="image 04" /></a>                
<a href="http://www.html.de/images/gallery/05.jpg" rel="lightbox[gallery]"><img src="http://www.html.de/images/gallery/05-klein.jpg" alt="image 05" /></a>                
<a href="http://www.html.de/images/gallery/06.jpg" rel="lightbox[gallery]"><img src="http://www.html.de/images/gallery/06-klein.jpg" alt="image 06" /></a>                    
<a href="http://www.html.de/images/gallery/07.jpg" rel="lightbox[gallery]"><img src="http://www.html.de/images/gallery/07-klein.jpg" alt="image 07" /></a>                
<a href="http://www.html.de/images/gallery/08.jpg" rel="lightbox[gallery]"><img src="http://www.html.de/images/gallery/08-klein.jpg" alt="image 08" /></a>                            
<a href="http://www.html.de/images/gallery/09.jpg" rel="lightbox[gallery]"><img src="http://www.html.de/images/gallery/09-klein.jpg" alt="image 09" /></a>                
<a href="http://www.html.de/images/gallery/10.jpg" rel="lightbox[gallery]"><img src="http://www.html.de/images/gallery/10-klein.jpg" alt="image 10" /></a>                
<a href="http://www.html.de/images/gallery/11.jpg" rel="lightbox[gallery]"><img src="http://www.html.de/images/gallery/11-klein.jpg" alt="image 11" /></a>                
<a href="http://www.html.de/images/gallery/12.jpg" rel="lightbox[gallery]"><img src="http://www.html.de/images/gallery/12-klein.jpg" alt="image 12" /></a>                
<a href="http://www.html.de/images/gallery/13.jpg" rel="lightbox[gallery]"><img src="http://www.html.de/images/gallery/13-klein.jpg" alt="image 13" /></a>                
<a href="http://www.html.de/images/gallery/14.jpg" rel="lightbox[gallery]"><img src="http://www.html.de/images/gallery/14-klein.jpg" alt="image 14" /></a>                
<a href="http://www.html.de/images/gallery/15.jpg" rel="lightbox[gallery]"><img src="http://www.html.de/images/gallery/15-klein.jpg" alt="image 15" /></a>            
</div>

Falls noch etwas Fehlt bitte sagen.. (kann leider erst frühstens morgen um 17:00 reingucken ;) )

Es wäre auch noch nett, wenn ihr zu dem Skript noch eine kleine Erklärung schreibt, was wo wann gemacht wird.. ;)

LG,
Fitzi

 

[Sempervivum]

das Bild zufällig durch eins von 30 verändert

Verstehe nicht was Du damit meinst. Soll eines der Bilder gegen eins von 30 anderen ausgetauscht werden? Darin sehe ich keinen Sinn. Es gibt auch Lightboxes mit Slideshow, z. B. Prettyphoto.

 

[scbawik]

Da versteht niemand was du willst. Außerdem bist du kein Java-Anfänger, sondern ein JavaScript-Anfänger. Habe letztens doch knapp eine Stunde gebraucht um jemandem wie dir zu erklären dass diese beiden nichts gemein haben.

 

[Fitzi124]

Verstehe nicht was Du damit meinst. Soll eines der Bilder gegen eins von 30 anderen ausgetauscht werden? Darin sehe ich keinen Sinn. Es gibt auch Lightboxes mit Slideshow, z. B. Prettyphoto.

Ich möchte, das sich die Bilder in der Vorschau (die Kacheln) ändern..

 

[Tronjer]

Dann verwende dafür eines der zahlreichen jQuery-Plugins oder poste eine entsprechende Auftragsbeschreibung in der Jobbörse. Für einen mittleren dreistelligen Betrag erstelle ich dir sogar eine Individuallösung übers Wochenende. Dieses Forum ist allerdings für Leute gedacht, die gerne JavaScript lernen möchten und viel Eigeninitiative zeigen. In dem Fall gibt es auch kostenlosen Support

Oder dachtest du im Ernst, jemand würde dir auf dein ""komme morgen um 17 Uhr wieder" ein kostenloses, schlüsselfertiges Script mit HowTo schreiben? Als Repository auf Github incl. Readme. ;)