Ciao,
ho il mio banner di 300 x 250 in alto a destra.
all'interno del banner ci sono delle immagini che scorrono per farle scorrere utilizzo
marquee a cui devo dare sempre la dimensione di 300 x 250.
ora ho il problema che quando passo sopra alle immagini mi fa lo zoom ma me lo fa sempre all'interno
del banner, io invece vorrei far espandere lo zoom fuori dal banner.
utilizzo il seguente codice
<div style="float:right">
<marquee onmouseover=this.stop() onmouseout=this.start() direction="up" scrollAmount="4" width="300" height="250"><a>
<style>
.dimensione {
transition-duration: 1s;
-ms-transition-duration: 1s;
-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
-o-transition-duration: 1s;
transition-property: transform;
-ms-transition-property: -ms-transform;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
overflow:hidden;
}
.dimensione:hover {
-ms-transform: scale(2,2);
-webkit-transform: scale(2,2);
-moz-transform: scale(2,2);
-o-transform: scale(2,2);
}
</style>
<a href="http://www.festi.it/"> <img class="dimensione" src="immagine.png" width="300" height="250 border="0" title="Antichi Suoni" alt="Antichi Suoni"> </a>
<a href="http://www.festi.it/"> <img class="dimensione" src="1_set.png" width="300" height="250 border="0" title="Antichi Suoni" alt="Antichi Suoni"> </a>
</marquee>
</div>