Primi approcci Javascript... mouseover...

totemx

Primi approcci Javascript... mouseover...

Ciao gente, eccomi qua in veste di nabbo... Sto seguendo 1 corso ben fatto e bello tosto di webdesigner e hanno avuto la giusta, a mio avviso, idea di darci giusto dei concetti vaghi di javascript. Ora, oggi abbiamo visto in aula come fare il rollover di un'immagine. Tutto semplice fino a lì, poi ci è stato detto di provare (cercando sul web nn ho trovato come fare...) a far sì che, avendo tipo 3 immagini, io possa fare il rollover di tutte e 3 senza scrivere 3 funzioni specifiche per ogni immagine. Il mio ragionamento è questo (ma nn parlo javascript quindi nn saprei scriverlo) e mi è stato detto che è giusto...

Ho 3 immagini che si chiamano img1a.jpg img2a.jpg im3a.jpg e le 3 thumbnails corrispondenti img1.jpg img2.jpg img3.jpg. Nella pagina ho le 3 thumb e quando passo sopra ad una voglio che si veda la versione un po' + grande (in realtà fa lo scambio con quella + grande). Io voglio che nel javascript venga fatto un controllo sul nome del file, se vede che non c'è la "a" dopo img1 allora mi fa lo swap e mi mostra al mouseover la versione a. se invece c'è la a (è grande quindi) al mouseout mi torna quella piccola. Il tutto senza appunto scrivere 1 funzione per ogni immagine... Qualche anima pia mi aiuta?

se è solo per il corso forse possono accontentarsi di qualcosa tipo questo:

function swap(img,image){
img.src = image + 'a.jpg'
}
</script>
<img src="img1.jpg" onmouseover="swap(this,'img1')" onmouseout="this.src='img1.jpg'">

totemx

oggi lo provo grazie mille!

totemx

non funziona...

[HTML]<script type="text/javascript">
function swap(img,image){
img.src = image + 'g.jpg'
}
</script>
</head>

<body>

<h1>Parchi Nazionali USA</h1>
<ul class="griglia">
<li>
<div>
<h2>Arches National Park</h2>
<img src="01.jpg" alt="Arches National Park" title="Arches National Park" width="108" height="150" onmouseover="swap(this,'01')" onmouseout="this.src='01.jpg'" />
</div>[/HTML]

A prima vista non mi sembra ci siano errori... che problemi da?

totemx

non fa il mousover semplice XD

Strano...ti invio in PM link della prova che avevo fatto...spero possa esserti di aiuto.