Immagine random particolare

Questo è il progetto di un sito che sto realizzando
http://img430.imageshack.us/img430/8...late0pe.th.jpg
Nell'immagine potete osservare che la parte incriminata(il banner principale azzurro)non è un classico banner rettangolare,ma a sinistra c'è una parte "discesa".Io vorrei fare in modo che tutto il banner azzurro sia random,del tipo che ad ogni aggiornamento della pagina cambia,per esempio prima è azzurro,poi verde,poi rosso,ecc.......
L'ho chiesto ad un amico è lui mi rispose che per realizzarlo serve per forza il php,però io il sito lo sto realizzando in html.
Voi conoscete uno Javascript per realizzarlo?
Ciao

Il mio cosiglio è di farlo in php, poichè è molto più "snello" e viene eseguito anche con chi ha lo js disabilitato

cmq con il php non è difficile, se vuoi ti posso far vedere come si fa:

Codice PHP:

---

<?
$img=array("url_img_1", "url_img_2", "url_img_3", "url_img_4");
$x=array_rand($img, 2);
echo "<img src=\"$img[$x]\" alt=\"Non disponibile\">";
?>

---

questo lo metti nella pagina e chiami la pagina come ti pare, ma l'estensione deve essere php
ciao ciao
P.S. dovrebbe andare...

In JS non è difficile, sempre che tu abbia salvato come immagini indipendenti la parte principale e quella a discesa. In via indicativa, questo è quello che devi fare:

Codice:

---

function loadBanner ()
{
  // qui specifichi i percorsi per ciascuno dei due file: nota l'accoppiamento!
  var img1s = new Array ("main_blu.jpg", "main_rosso.jpg", ... , "main_verde.jpg")
  var img2s = new Array ("discesa_blu.jpg", "discesa_rosso.jpg", ... , "discesa_verde.jpg")

  // ora scegli il solito numero casuale...
  var n = Math.floor (img1s.length * Math.random ())

  // ... e scrivi il codice HTML per le immagini, comprendendo i due file
  document.write ('... <IMG SRC="' + img1s[n] + '"> ... <IMG SRC="' + img2s[n] + '"> ...')
}

---

Dove ho messo i puntini su document.write devi scrivere il resto del codice HTML che ti serve (molto probabilmente qualche cella di tabella).

Stammi bene...

Ho usato questo tag

Citazione:

---

function loadBanner ()
{

var img1s = new Array ("mainblu.jpg", "mainrosso.jpg", "mainverde.jpg")
var img2s = new Array ("discesablu.jpg", "discesarosso.jpg", "discesaverde.jpg")

// ora scegli il solito numero casuale...
var n = Math.floor (img1s.length * Math.random (1)

// ... e scrivi il codice HTML per le immagini, comprendendo i due file
document.write ('<IMG SRC="mainblu.jpg">+ img1s[n] + <img src="discesablu.jpg">' '<IMG SRC="mainrosso.jpg" +

img2s[n] + <IMG SRC="discesarosso.jpg">' '<IMG SRC="mainverde.jpg> + img3s[n] + <IMG SRC="discesaverde.jpg>)
}

---

Ma a quanto pare c'è qualche errore.

l'hai messo fra <script language="javascript" type="text/javascript"> e </script>?
ciao ciao

Si ma non fà lo stesso.
Esce solo lo sfondo.

visto che non lo devi richiamare ogni volta puoi anche mettere solo:

Codice HTML:

---

<script language="javascript" type="text/javascript">
var img1s = new Array ("mainblu.jpg", "mainrosso.jpg", "mainverde.jpg")
var img2s = new Array ("discesablu.jpg", "discesarosso.jpg", "discesaverde.jpg")

var x = Math.floor (img1s.length * Math.random (1)
var y = Math.floor (img2s.length * Math.random (1)

document.write ('<img src=\"+ img1s[x] +\"><img src=\"+ img2s[y] +\">')
</script>

---

prova un po' così, po ricorda che " devi scrivere \" anche ' diventa \'
ho tolto quelle altre immagini per velocizzarmi aggiungile tu...
ciao ciao

Io la tabella l'ho strutturata così
http://img221.imageshack.us/img221/4374/92091hf.th.jpg
Quindi come dovrei modificare il tag?

e dove vuoi mettere le immagini? non sono mica un veggente...
ciao ciao

P.S. se uno distattiva il js non vede le immagini però...

Se vedi la prima immagine che ho messo nel topic,capirai come vorrei che fosse strutturato.

ma tu vuoi solamente cambiare l'header? (il poligono azzurro per intenderci) se si non dovevi mettere tutto quel codice in bastava che mettevi:

Codice HTML:

---

<script language="javascript" type="text/javascript">
var img = new Array ("mainblu.jpg", "mainrosso.jpg", "mainverde.jpg")
var x = Math.floor (img1s.length * Math.random (1)
document.write ('<img src=\"+ img1s[x] +\" alt=\"Non disponibile\">')
</script>

---

mettilo nella ella che spettava al "coso" azzurro
ciao ciao

Citazione:

---

se uno distattiva il js non vede le immagini però...

---

Allora se è così è meglio trovare un altro modo.
Ciao

allora il php è la soluzione migliore :mrgreen:, ho già postato il codice
ciao ciao

Ma è vero che modificando la pagina da html a php devo cambiare anche i link?
Cioè non ci sarà più il rollover ed altre cose....

no, non devi cambiare nulla e non ci sarà nulla, il php farà solo quello che gli richedi...
ciao ciao
P.S. forse è meglio che risolviamo in privato perchè poi usiamo il forum come una chat...