Immagine random particolare

Questo è il progetto di un sito che sto realizzando

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

[mythologia]

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

[domenicoragusa]

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

<?
$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...

[dementialsite]

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:

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

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.

[domenicoragusa]

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

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

[domenicoragusa]

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

<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ì

Quindi come dovrei modificare il tag?

[domenicoragusa]

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.

[domenicoragusa]

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

<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

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

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

[domenicoragusa]

allora il php è la soluzione migliore , 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....

[domenicoragusa]

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...