2 bilder random anzeigen lassen

[mook]

Hallo!

ich habe ein bild auf einer seite wie folgt positioniert:
<div style="top: 80px; left: 250px; margin-top: 10px; margin-left: 290px; margin-bottom:90px; background-attachment: fixed; position:static">
<img src="http://bildA.jpg" width="416" height="650" border="1" alt="bildA">
</div>

ich moechte auf dieser Seite zwei Bilder (auf der selben Stelle)
zufaellig anzeigen lassen. d.h., einmal bild a, dann mal bild b ,
also zufaellig. (also beim laden der seite)

kann man das irgendwie mit javascript realisieren lassen?

ODER

ist es moeglich, dass sich zwei Bilder sich staendig wechseln.
mit so einem spezial effekt...also fuer eine kurze zeit bildA dann geht das bild in das andere bildB langsam ueber.

dafuer gibt es bestimmt auch ein javascript code, oder dhtml?

waere fuer jeden tipp dankbar.

[Alexander Brock]

Hallo,

<div style="top: 80px; left: 250px; margin-top: 10px; margin-left: 290px; margin-bottom:90px; background-attachment: fixed; position:static">

Lager doch die ganzen CSS - Angaben in eine externe Datei aus,
der Code wird dadurch _viel_ übersichtlicher.

<img src="http://bildA.jpg" width="416" height="650" border="1" alt="bildA">
</div>

ich moechte auf dieser Seite zwei Bilder (auf der selben Stelle)
zufaellig anzeigen lassen. d.h., einmal bild a, dann mal bild b ,
also zufaellig. (also beim laden der seite)

kann man das irgendwie mit javascript realisieren lassen?

Du kannst das verwenden (nicht geprüft)

var bilder = new Array("bildA.jpg","bildB.jpg");
var zufall = math.round(math.random());
zufall = bilder[zufall];
document.getElementById("id_des_bildes").src = zufall;

Wenn du überhaupt keine serverseitige Script Sprache hast.
Ansonsten nimm doch einfach PHP, Perl, wasauchimmer

ODER

ist es moeglich, dass sich zwei Bilder sich staendig wechseln.
mit so einem spezial effekt...also fuer eine kurze zeit bildA dann geht das bild in das andere bildB langsam ueber.

Alles bloß das nicht, das ist ja furchtbar, ein Element,
das sich selbstständig ändert und mich vom Lesen ablenkt.

dafuer gibt es bestimmt auch ein javascript code, oder dhtml?

Das geht, das schreib ich aber garantiert nicht.

Gruß
Alexander Brock

[H2O]

Hallo.

Hallo!

ich habe ein bild auf einer seite wie folgt positioniert:
<div style="top: 80px; left: 250px; margin-top: 10px; margin-left: 290px; margin-bottom:90px; background-attachment: fixed; position:static">
<img src="http://bildA.jpg" width="416" height="650" border="1" alt="bildA">
</div>
ich moechte auf dieser Seite zwei Bilder (auf der selben Stelle)
zufaellig anzeigen lassen. d.h., einmal bild a, dann mal bild b ,
also zufaellig. (also beim laden der seite)
kann man das irgendwie mit javascript realisieren lassen?

Hier ist das Script dafür:

XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

<script type="text/javascript" language="JavaScript">
<!--

var x = new Array("bild1.gif","bild2.gif");
var alt = new Array("Bild 1","Bild 2");

var zaehler = x.length;

var zufall = Math.round(Math.random()*zaehler);
zufall = zufall - 1
if(zufall < 0) zufall = 0;

document.write("<img src="" + x[zufall] + "" alt="" + alt[zufall] + "">");

//-->
</script>

XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Das stellst du einfach in den Body. In x = ... musst du in einem Array die Bildernamen angeben und in alt = ... gibst du einfach die alt-Attribute an.
Hier steht das erste Array für das erste Array in x, usw.

ist es moeglich, dass sich zwei Bilder sich staendig wechseln.
mit so einem spezial effekt...also fuer eine kurze zeit bildA dann geht das bild in das andere bildB langsam ueber.
dafuer gibt es bestimmt auch ein javascript code, oder dhtml?

Hier ein Link dazu:
http://www.drweb.de/javascript/animation1.shtml

Aber da würde sich besser eine animierte GIF-Datei für empfehlen.

Ich hoffe ich konnte helfen, H2O

[JürgenB]

Hallo,

var zaehler = x.length;

var zufall = Math.round(Math.random()*zaehler);

erzeugt eine Zahl zwischen 0 und zaehler, wobei die kleinste und größte mit halber Wahrscheinlichkeit vorkommen.

zufall = zufall - 1
if(zufall < 0) zufall = 0;

dieser Konstrukt korrigiert zwar den Wertebereich, aber die "0" kommt zu oft, "zaehler-1" zu selten vor. Besser und einfacher wäre:

var zufall = Math.floor(Math.random()*zaehler);
http://de.selfhtml.org/javascript/objekte/math.htm#floor

Gruß, Jürgen

[H2O]

Hallo.

var zufall = Math.floor(Math.random()*zaehler);

Gut Idee. Vielen Dank, kommt wirklich zu oft vor.

Schönen Tag noch, H2O