Javascript: Bilder mit Reload ändern

[DeletedUser92786]

hallo

ich bin gerade dabei eine kleine Webseite zu erstellen kenne mich aber nicht so sehr mit Javascript aus.

Trotzdem wollte ich den einen Bereich so gestalten, dass dort immer (mit jedem reload) ein neues Bild angezeigt wird.

zuerst habe ich die dann zufällig anzeigen lassen:

var imagenumber = 3 ; 
var randomnumber = Math.random() ; 
var rand1 = Math.round( (imagenumber-1) * randomnumber) + 1 ; 
images = new Array 
images[1] = "hahnel.png" 
images[2] = "artos.png" 
images[3] = "gefa.png" 
var image = images[rand1] 

document.write('<IMG SRC="' + image + '">')

und das ganz einfach in den html code eingesetzt:

<div id="info"
<script language="JavaScript" src="projekte.js" 

type="text/javascript"></script>
</div>

klappte auch alles ganz schön.
Nur da die Bilder bei einer (derzeitigen) Auswahl an 3 Bildern öfters garnicht gewechselt werden, sondern trotz reload das gleiche Bild stehen bleibt, würde ich das gerne so haben, dass der Code die Bilder alle einmal durchlaufen lässt.

d.h, dass zuerst immer ein Bild angezeigt wird und sobald man die seite neulädt, ganz sicher das 2. bild kommt, halt eine reihenfolge.

Nun ja, die zufällige Bildauswahl habe ich mit js gerade noch so hinbekommen, nur weiß ich jetzt nicht weiter..

könntet ihr mr helfen und den code leicht verständlich umschreiben?

 

[DeletedUser]

Javascript ist dazu eher wenig geeignet. Ich würd dir empfehlen das serverseitig (PHP o.ä.) umzusetzen.

 

[DeletedUser]

Guck dir mal Cookies an,dürfte helfen ;-)

 

[DeletedUser92786]

Javascript ist dazu eher wenig geeignet. Ich würd dir empfehlen das serverseitig (PHP o.ä.) umzusetzen.

mmh, oke..
php ist mir noch ferner..

wenn jemand zufällig einen passenden code dafür hätte, wäre das schon vorteilhaft, denn mich nur für diesen kleinen Bereich in die tiefen von php einzuarbeitenm habe ich momentan nicht soo viel lust:mrgreen:

 

[TimLim]

<?
$bilder = array('bild1.png', 'bild2.png', 'bild3.png');
shuffle($bilder);
echo '<img src="' . $bilder[0] . '" alt="Bild" title="Bild" />';
?>

 

[DeletedUser]

<?
$bilder = array('bild1.png', 'bild2.png', 'bild3.png');
shuffle($bilder);
echo '<img src="' . $bilder[0] . '" alt="Bild" title="Bild" />';
?>

Da kann er aber auch seine Javascript-Lösung verwenden. ;-)

 

[DeletedUser24674]

Guck dir mal Cookies an,dürfte helfen ;-)

Das wäre schon eher ein richtiger Ansatz...

 

[DeletedUser]

Mit ner Session geht es ganz flott...quick & dirty und es ist halt kein JS, wie zuerst gefordert :-/

<?php
session_start(); #muss am Anfang stehen, damit die Session funktioniert!

//Liste mit allen Bildern
$bilder = array('bild1.png', 'bild2.png', 'bild3.png', 'bildxy.png');

//Bei jedem Seitenaufruf das nächste wählen
$bild = $bilder[$_SESSION['views']++ % count ($bilder)];


echo '<img src="' . $bild. '" alt="Bild" title="Bild" />';

?>

(obwohl ich PHP nicht mehr mag :-/ )

 

[DeletedUser]

http://www.javascript-workshop.de/buch/08.html

 

[TimLim]

Da kann er aber auch seine Javascript-Lösung verwenden. ;-)

mmh, oke..
php ist mir noch ferner..

wenn jemand zufällig einen passenden code dafür hätte, wäre das schon vorteilhaft, denn mich nur für diesen kleinen Bereich in die tiefen von php einzuarbeitenm habe ich momentan nicht soo viel lust:mrgreen:

für mich klingt das nach php ^^

 

[DeletedUser]

Oder so mit php:

<?php
$images = array("img1.png","img2.png");
$image = $images[mt_rand(0,count($images)-1);
echo "<img src='".$image."' alt='blabla'>";
?>

Das ist ohne reienfolge

Edit: mit cookie würde es so gehen:

<?php
if (!isset($_COOKIE["img"]))
{
  setcookie("img", "0");
}
elseif ($_COOKIE["img"] == "0")
{
  setcookie("img", "1");
}
elseif ($_COOKIE["img"] == "1")
{
  setcookie("img", "2");
}
elseif ($_COOKIE["img"] == "2")
{
  setcookie("img", "0");
}
else
{
  setcookie("img", "1");
}

$images = array("img1.png","img2.png", "img3.png");
$image = $images[$_COOKIE["img"]];
echo "<img src='".$image."' alt='blabla'>";
?>

Das geht mit der reienfolge^^


Beides erfolgreich getestet

 

[DeletedUser]

für mich klingt das nach php ^^

Aber mit deiner Lösung läuft es auf die selben Probleme raus, wie mit seiner JS-Lösung. (Bei Zufall kann ein Bild mehrmals direkt hintereinander kommen) ;-)

 

[TimLim]

Aber mit deiner Lösung läuft es auf die selben Probleme raus, wie mit seiner JS-Lösung. (Bei Zufall kann ein Bild mehrmals direkt hintereinander kommen) ;-)

Ic h sollte mir angewöhnen Beiträge vernünftig/bis zum Ende zu lesen ^^

 

[DeletedUser]

Ic h sollte mir angewöhnen Beiträge vernünftig/bis zum Ende zu lesen ^^

richtig. ;-)

 

[DeletedUser]

schau mir mal diese seite an
http://www.dynamicdrive.com/

ich denke dort findest du einiges was du suchst