• User Attivo

    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?


  • User Attivo

    oggi lo provo grazie mille!


  • User Attivo

    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]


  • User Attivo

    non fa il mousover semplice XD