Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag03.08.2012 um 20:00 (UTC)    
Titel: SlideShow wechselt nur zwischen 2 Bildern

Hallo,
ich habe hier im Forum dieses Tutorial gefunden und ausprobiert:
Slider-Effekt im Baukasten http://www.homepage-baukasten.de/forum/viewtopic.php?t=134890

Bin in Sachen Java und so absoluter Laie und habe soweit ich das erkennen konnte ein paar Attribute entfernt., indem ich bspw die Beschreibung des Bildes deaktiviert habe..etc...

1.) Problem nun ist, das in der SlideShow eigentlich ca 10 Bilder eingebunden sind, aber es wird immer nur zwischen den ersten beiden gewechselt.
Woran kann das liegen?

und 2).: gibt es eine Möglichkeit, dass der Betrachter die Bilder durch Mausklick oder so selbst weiterklicken kann?

Hier noch das Coding:

Zitat:
<style type="text/css">
<!--

.clear {clear:both;}

#gallery {position:relative; height: 360px; }

#gallery a {float:left; position:absolute; }

#gallery a img {border:none;}

#gallery a.show {z-index:500;}

#gallery .caption {
z-index: 600;
color: #fff;
height: 100px;
width: 100%;
position: absolute;
bottom: 0; }

#gallery .caption .content {margin:5px;}

#gallery .caption .content h3 {margin:0; padding:0; color:#1DCCEF; }
--> </style>
<div id="gallery"><a class="show" >
<img title="" alt="Flowing Rock" width="580" height="360" rel="" src="http://img.webme.com/pic/g/goldwirt/bild.jpg" /></a>
<img title="" alt="Flowing Rock" width="580" height="360" rel="" src="http://img.webme.com/pic/g/goldwirt/bild_07.jpg" /></a>
<img title="" alt="Flowing Rock" width="580" height="360" rel="" src="http://img.webme.com/pic/g/goldwirt/bild_08.jpg" /></a>
<img title="" alt="Flowing Rock" width="580" height="360" rel="" src="http://img.webme.com/pic/g/goldwirt/bild_09.jpg" /></a>
<img title="" alt="Flowing Rock" width="580" height="360" rel="" src="http://img.webme.com/pic/g/goldwirt/bild_10.jpg" /></a>
<img title="" alt="Flowing Rock" width="580" height="360" rel="" src="http://img.webme.com/pic/g/goldwirt/bild_11.jpg" /></a>
<img title="" alt="Flowing Rock" width="580" height="360" rel="" src="http://img.webme.com/pic/g/goldwirt/bild_01.jpg" /></a>
<img title="" alt="Flowing Rock" width="580" height="360" rel="" src="http://img.webme.com/pic/g/goldwirt/bild_02.jpg" /></a>
<img title="" alt="Flowing Rock" width="580" height="360" rel="" src="http://img.webme.com/pic/g/goldwirt/bild_03.jpg" /></a>
<img title="" alt="Flowing Rock" width="580" height="360" rel="" src="http://img.webme.com/pic/g/goldwirt/bild_04.jpg" /></a>



<div class="caption">
<div class="content">&nbsp;</div>
</div>
</div>
<div class="clear">&nbsp;</div>


Wäre toll wenn mir jemand helfen könnte. Und sim Voraus vielen Dank!
Beitrag03.08.2012 um 20:13 (UTC)    
Titel:

Auf welcher Seite hast du die Slideshow eingefügt ?
______________
Gruß Pexxi
Beitrag03.08.2012 um 22:02 (UTC)    
Titel:

Beitrag07.08.2012 um 12:58 (UTC)    
Titel:

Hallo,
zu meiner Entschuldigung: Obwohl ich nachdem ich den Beitrag abgesendet habe, den Link "bitte benachrichtigen bei Antworten..." angeklickt habe, habe ich keine NACHRICHT erhalten, dass hier schon liebe Menschen geantwortet haben. Und schwups sehe ich nach, da sind ja schon welche.

Den Code habe ich wie in der Beschreibung eingefügt :
Den javascript-code habe ich "Über dem Text" eingefügt.
Die Slideshow mit den Bilderlinks befindet sich auf einer eigenen Seite Hier:
http://goldwirt.de.tl/Bilder.htm

Es funktioniert ja auch soweit, aber die Slideshow wechselt eben nur zwischen 2 Bildern Rolling Eyes

Hier mal der Code auf der Seite "Bilder"
Code:
<style type="text/css">
<!--

.clear {clear:both;}

#gallery {position:relative; height: 360px; }

#gallery a {float:left; position:absolute; }

#gallery a img {border:none;}

#gallery a.show {z-index:500;}

#gallery .caption {
z-index: 600;
color: #fff;
height: 100px;
width: 100%;
position: absolute;
bottom: 0; }

#gallery .caption .content {margin:5px;}

#gallery .caption .content h3 {margin:0; padding:0; color:#1DCCEF; }
--> </style>
<div id="gallery">
<div style="text-align: center"><a class="show"><img title="" alt="Flowing Rock" width="580" height="360" rel="" src="http://img.webme.com/pic/g/goldwirt/fl04_zoo_a6_vs.jpg" /></a> <img title="" alt="Flowing Rock" width="580" height="360" rel="" src="http://img.webme.com/pic/g/goldwirt/ladenlokal_bxb_07.jpg" /> <img title="" alt="Flowing Rock" width="580" height="360" rel="" src="http://img.webme.com/pic/g/goldwirt/ladenlokal_bxb_08.jpg" /> <img title="" alt="Flowing Rock" width="580" height="360" rel="" src="http://img.webme.com/pic/g/goldwirt/ladenlokal_bxb_09.jpg" /> <img title="" alt="Flowing Rock" width="580" height="360" rel="" src="http://img.webme.com/pic/g/goldwirt/ladenlokal_bxb_10.jpg" /> <img title="" alt="Flowing Rock" width="580" height="360" rel="" src="http://img.webme.com/pic/g/goldwirt/ladenlokal_bxb_11.jpg" /> <img title="" alt="Flowing Rock" width="580" height="360" rel="" src="http://img.webme.com/pic/g/goldwirt/ladenlokal_bxb_01.jpg" /> <img title="" alt="Flowing Rock" width="580" height="360" rel="" src="http://img.webme.com/pic/g/goldwirt/ladenlokal_bxb_02.jpg" /> <img title="" alt="Flowing Rock" width="580" height="360" rel="" src="http://img.webme.com/pic/g/goldwirt/ladenlokal_bxb_03.jpg" /> <img title="" alt="Flowing Rock" width="580" height="360" rel="" src="http://img.webme.com/pic/g/goldwirt/ladenlokal_bxb_04.jpg" /></div>
<div class="caption">
<div class="content">&nbsp;</div>
</div>
</div>
<div class="clear">&nbsp;</div>
</script>
Beitrag08.08.2012 um 00:37 (UTC)    
Titel:

Hallo,

so wie ich das sehe, hast du da nicht nur einfach ein paar Attribute entfernt (Was unter Umständen auch schon große Auswirkungen haben kann), sondern auch ein div-Element hinzugefügt und vorallem die Links gelöscht. Jetzt wunderst du dich im ernst, dass das nicht mehr tut?

Wie soll man dir da jetzt helfen, am besten arbeitest du das Tutorial einfach nochmal durch und bevor du das nächste mal etwas löschst, fragst du dann nach.
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de