Bilderslider anpassen

Verfasser Nachricht

Ronny1979

Beiträge: 5
Bewertung: 0
Registriert seit: Sep 2012
Status: offline

Beitrag: #1

Bilderslider anpassen

ich habe einen Bilderslider,nur habe ich das Problem,das er nicht von alleine Startet und wenn er durchgelaufen ist,nicht wieder von vorne anfängt

hier mal der code

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head><title>Eine Bilderslideshow</title>
<script type="text/javascript">
function fade(step) {
var imgs = document.getElementById("meinFader").getElementsByTagName("img");

step = step || 0;

imgs[counter].style.opacity = step/100;
imgs[counter].style.filter = "alpha(opacity=" + step + ")"; //

step = step + 2;

if (step <= 100) {
window.setTimeout(function () { fade(step); }, 1);
} else {
window.setTimeout(next, 2000);
}
}

function next() {
var imgs = document.getElementById("meinFader").getElementsByTagName("img");

if (typeof(counter) != "number") {
counter = 0;
}

counter++;

if (counter < imgs.length) {
fade();
}
};
</script>
<style type="text/css">
.next { position: absolute; top: 0; left: 0; opacity: 0; filter:alpha(opacity=0); }
#meinFader { position: relative; }
</style>
</head><body>
<h1>Eine Bilderslideshow</h1>
<p id="meinFader">
<img src="http://i37.servimg.com/u/f37/17/17/72/08/gts_0047.jpg"">
<img src="http://i37.servimg.com/u/f37/17/17/72/08/gts_0048.jpg" alt="" class="next">
<img src="images/berge3.jpg" alt="" class="next">
<img src="images/berge4.jpg" alt="" class="next">
<img src="images/berge5.jpg" alt="" class="next">
<img src="images/berge6.jpg" alt="" class="next">
</p>
<p><a href="jnext()">Slideshow starten</a></p>
</body></html>

könnte mir das eventuell ändern ?

Lg
Ronny

23.09.2012 14:56

Sysix

Beiträge: 625
Bewertung: 7
Registriert seit: Aug 2010
Status: offline

Beitrag: #2

RE: Bilderslider anpassen

Code:

if(counter == imgs.length) counter = 0;

vielleicht hilft dir das weiter Wink

23.09.2012 15:32

Ronny1979

Beiträge: 5
Bewertung: 0
Registriert seit: Sep 2012
Status: offline

Beitrag: #3

RE: Bilderslider anpassen

damit kann ich leider nichts anfangen.
habe absolut keine ahnung von dem css

hat keiner ne idee oder könnte das umschreiben?

Lg

Dieser Beitrag wurde zuletzt bearbeitet: 23.09.2012 21:35 von Ronny1979.

23.09.2012 15:43

dee

Beiträge: 19
Bewertung: 4
Registriert seit: Oct 2011
Status: offline

Beitrag: #4

RE: Bilderslider anpassen

Wenn du nichts gegen jQuery hast hab ich dir hier etwas für dich:
[Link: Registrierung erforderlich]

In Zeile 8 "var $seconds = 3;" kannst du durch austauschen der Zahl "3" die Zeit in Sekunden angeben, die zwischen zwei Slides liegen soll.

28.09.2012 15:25

Ronny1979

Beiträge: 5
Bewertung: 0
Registriert seit: Sep 2012
Status: offline

Beitrag: #5

RE: Bilderslider anpassen

und wo bekomme ich den code dafür her?

Lg

02.10.2012 07:54

Baumstrukturmodus | Brettstrukturmodus

« Ein Thema zurück | Ein Thema vor »

Möglicherweise verwandte Themen...
Thema:		Verfasser	Antworten:	Ansichten:	Letzter Beitrag
	Suche Hilfe bei MyBB-Webseite anpassen	IIFastIIJump	2	2.176	16.09.2019 15:26 Letzter Beitrag: BitaceS
	Dieses Design an Wbb und WP anpassen?	Typ9311	8	1.850	06.05.2015 21:35 Letzter Beitrag: Emptyx
	WWB-Lite anpassen	Web-Lerner	3	1.394	29.03.2013 20:34 Letzter Beitrag: Alex
	Seite an Auflösung anpassen	Niklas	1	1.169	18.12.2012 20:14 Letzter Beitrag: Mr-Trust
	Wie Homepage Größe Anpassen?	xXMorchXx	10	2.087	07.08.2012 19:24 Letzter Beitrag: xXMorchXx

Druckversion anzeigen
Thema einem Freund senden
Thema abonnieren
Thema zu den Favoriten hinzufügen