Salve a tutti!
Posto qui un semplice script che permette di fare il rollover di due immagini, il solito bottone che si illumina al passaggio del mouse.
Questo però è reso possibile dall'attributo "name" applicato al tag "img", cosa che però rende il codice non xhtml strict 1.0.
Potreste aiutarmi a trovare un metodo alternativo che permetta la validazione del codice? Grazie mille a tutti.
JAVASCRIPT:
<script type="text/javascript">
var img1On = new Image();
img1On.src = "<?php print base_path(). path_to_theme(); ?>/img/iscrizioni_on.jpg";
var img1Off = new Image();
img1Off.src = "<?php print base_path(). path_to_theme(); ?>/img/iscrizioni.jpg";
var img2On = new Image();
img2On.src = "<?php print base_path(). path_to_theme(); ?>/img/informazioni_on.jpg";
var img2Off = new Image();
img2Off.src = "<?php print base_path(). path_to_theme(); ?>/img/informazioni.jpg";
function MOver(picimage) //funzione che si attiva con OnMouseOver
{
PictureOver = eval(picimage +"On.src")
document[picimage].src = PictureOver
}
function MOut(picimage) //funzione che si attiva con OnMouseOut
{
PictureOut = eval(picimage +"Off.src")
document[picimage].src = PictureOut
}
</script>
HTML:
[img]img/iscrizioni.jpg[/img]
Grazie mille anticipatamente!

Rispondi quotando
