Gegen Bilderklau - Das Original (https://www.gegen-bilderklau.net/index.php)
- Design, Website, Copyright (https://www.gegen-bilderklau.net/board.php?boardid=80)
--- Homepagehilfe (https://www.gegen-bilderklau.net/board.php?boardid=27)
---- Tutorials und FAQ (https://www.gegen-bilderklau.net/board.php?boardid=45)
----- [JS] Automatischer Bildwechsel (https://www.gegen-bilderklau.net/thread.php?threadid=42214)
Geschrieben von Spiritwonder am 10.12.2005 um 11:55:
Automatischer Bildwechsel
In diesem Tut möchte ich erklären wie man einen automatischen Bilderwechsel/tausch mit JavaScript erzeugt.
<html>
<head>
<title></title>
<meta name="author" content="Dj Mo">
<script language="JavaScript">
<!--
/* definiereung eines Arrays in dem die Bildernamen gespeichert sind - Im Beispiel sind es 10 um diese Anzahl zu vergrößern/verkleinern müssen alle 10ner gegen die neue Gesamtzahl ersetzt werden(in der letzten Funktion die 9 gegen Gesamtzahl - 1) */
var b=new Array(10);
for(I=0; I<10; I++)
b[I]=new Image();
b[0].src="pix/00.jpg";
b[1].src="pix/01.jpg";
b[2].src="pix/02.jpg";
b[3].src="pix/03.jpg";
b[4].src="pix/04.jpg";
b[5].src="pix/05.gif";
b[6].src="pix/06.jpg";
b[7].src="pix/07.jpg";
b[8].src="pix/08.jpg";
b[9].src="pix/09.jpg";
var n=0;
/* Funktion zum Wechseln */
function nextpic() {
/* wenn n kleier 10(dh. Bild 1-10) ist wird n um eins erhöht und das Bild gewechselt */
if(n<10)
{
n++;
/* Dieser Befehl tauscht das erste Bild im Script mit dem im Array unter n angegeben */
document.images[0].src=b[n].src;
}
/* Wenn n größer oder gleich 9 ist(dh. gerade das letzte Bild angezeigt wird) soll es von vorne anfangen dafür wird n auf 0 gesetzt */
if(n>=9)
{
n=0;
document.images[0].src=b[n].src;
}
/* Diese Funktion giebt an nach wie vielen Millisekunden die Bildertausch-Funktion wiederholt werden soll */
setTimeout("nextpic()",1000);
}
//-->
</script>
<noscript></noscript>
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000" onload="nextpic()">
<!-- Das Bild das Später ersetzt wird -->
<img src="pix/00.jpg" width="100" height="100" border="0">
</body>
</html>
Bei Fragen Könnt ihr euch per PN bei mir melden.
Geschrieben von Shadow am 10.12.2005 um 19:12:
hast du ein bsp?
Geschrieben von Spiritwonder am 11.12.2005 um 14:23:
ne aber ich kann eins machen
Geschrieben von VanillaSkyHorse am 11.12.2005 um 14:24:
Okay, mach mal bitte eines, versteh nicht ganz was es hinterher darstellen soll.
Geschrieben von Spiritwonder am 11.12.2005 um 14:27:
O.K. muss aber gleich off.
daher mach ich es nacher man sieht ja auf vielen bannern wen sich das bildändert so was soll das sein!
Geschrieben von stina am 19.12.2005 um 15:55:
/* definiereung eines Arrays in dem die Bildernamen gespeichert sind
was ist damit gemeint? nicht versteh
LG Stina
Geschrieben von Knuddel am 27.12.2005 um 12:02:
ich denke mal das ist der ordner wo du die Bilder drin gespeichert hast!!
Geschrieben von Freyaknuffl am 27.12.2005 um 13:29:
kann man die geschwindigkeit regulieren?
ich hab jetzt eher an eine automatische diasshow gedacht, wo man
per button/mausklick ganz gemütlich zum nächsten bild kommt, na ja..^^
Geschrieben von .Maybe am 27.12.2005 um 15:02:
hier in der zeile wird die geschwindigkeit reguliert:
setTimeout("nextpic()",
1000); ((In Millisekunden))
| Zitat: |
ich hab jetzt eher an eine automatische diasshow gedacht, wo man
per button/mausklick ganz gemütlich zum nächsten bild kommt, na ja..^^ |
könnt ich dir bei Bedarf den Code geben...
Geschrieben von Freyaknuffl am 27.12.2005 um 19:06:
| Zitat: |
Original von .:|Maybe|:.
| Zitat: |
ich hab jetzt eher an eine automatische diasshow gedacht, wo man
per button/mausklick ganz gemütlich zum nächsten bild kommt, na ja..^^ |
könnt ich dir bei Bedarf den Code geben... |
Danke, das wäre eigentlich nämlich genau das, was ich suche.
Per PN? ^_-
Geschrieben von Spiritwonder am 27.12.2005 um 19:08:
Sorry das es nicht so gut erklährt ist ich habe mein bestes gegeben
Geschrieben von Freyaknuffl am 27.12.2005 um 19:09:
| Zitat: |
Original von Spiritwonder
Sorry das es nicht so gut erklährt ist ich habe mein bestes gegeben |
Im Prinziep hast du gar nix erklärt.
Du hast den Code für uns reingestellt, und das war's. ^_-
Geschrieben von Spiritwonder am 27.12.2005 um 20:28:
Ich hab mein bestes gegeben
Geschrieben von *Zissi* am 01.08.2007 um 17:09:
| Zitat: |
Original von Freyaknuffl
ich hab jetzt eher an eine automatische diasshow gedacht, wo man
per button/mausklick ganz gemütlich zum nächsten bild kommt, na ja..^^ |
also ich weiß ja, dass der Thread zwei Jahre alt ist aber... wie das mit dem Mausklick geht würde mich auch interessieren ^_^
Geschrieben von Blue-Smart am 06.08.2007 um 15:03:
Das ist etwas anderes. Dieses ist eine Automatische Diashow, wie es aussieht, das andere ist mit nem anderem Tut, ich kann ja ma gucken, ob ich es wieder finde!
Geschrieben von *Zissi* am 06.08.2007 um 17:21:
nein danke, lieb von dir, aber ich habs schon per Suche gefunden (=
Geschrieben von Nishani am 12.08.2007 um 00:08:
Mein Problem ist grad (mag auch an der späten Stunde liegen..), dass sich das Teil zwar einbauen lässt, aber egal wie ichs mach - immer ganz oben auf der Seite erscheint und nicht beispielsweise in einer Tabellenzelle.
Was mach ich falsch?
Geschrieben von Blue-Smart am 15.08.2007 um 14:51:
Zeig mal den Code
Geschrieben von Nishani am 15.08.2007 um 19:45:
| Zitat: |
Original von Blue-Smart
Zeig mal den Code
|
Steht ganz oben im ersten Beitrag
Wenn ich das so reinkopier, wechselt immer das erste Bild auf der Seite und nicht das ich angebe. Ganz witzig ^^
Forensoftware: Burning Board, entwickelt von WoltLab GmbH