- Home
- Categorie
- Coding e Sistemistica
- Javascript & Framework
- Banner espandibile che sposta contenuto
-
Ciao Daigor...
ho navigato un po ma non ho trovato riscontri, tu sei riuscito ad individuare il problema?
Ciao
Enrico
-
<script type="text/javascript" src="INCLUSIONE DI JQUERY"></script> <script> $(document).ready(function(){ $("#banner_exp").mouseover(function(){ $("#linea_2").css({background: "url(immagine1.jpg)"}); $("#banner_exp").animate({height: "300px"}, 1500 ); }); $("#banner_exp").mouseout(function(){ $("#linea_2").css({background: "url(immagine2.jpg)"}); $("#banner_exp").animate({height: "50px"}, 1500 ); }); }); </script> <table cellpadding="0" cellspacing="0" border="0" width="300"> <tr> <td style="height:50px; background-color:#00FF00"> Linea1 </td> </tr> </table> <table cellpadding="0" cellspacing="0" border="0" width="300"> <tr> <td id="linea_2" valign="top" style="height:50px; background-color:#FF0000;"> <img id="banner_exp" height="50" width="100%" /> </td> </tr> </table> <table cellpadding="0" cellspacing="0" border="0" width="300"> <tr> <td style="height:50px; background-color:#00FF00"> Linea3 </td> </tr> </table> ```prova così!
-
nulla!!!... adesso manco si apre
-
questo l'hai messo?
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
P.S.
l'immagine deve essere trasparente, così da poter visualizzare lo sfondo, che sarà l'immagine del banner!
-
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> <script> $(document).ready(function(){ $("#banner_exp").mouseover(function(){ $("#linea_2").css({background: "url(immagine1.jpg)"}); $("#banner_exp").animate({height: "300px"}, 1500 ); }); $("#banner_exp").mouseout(function(){ $("#banner_exp").animate({height: "50px"}, 1500, function(){ $("#linea_2").css({background: "url(immagine2.jpg)"}); }); }); }); </script> <table cellpadding="0" cellspacing="0" border="0" width="300"> <tr> <td style="height:50px; background-color:#00FF00"> Linea1 </td> </tr> </table> <table cellpadding="0" cellspacing="0" border="0" width="300"> <tr> <td id="linea_2" valign="top" style="height:50px; background-color:#FF0000;"> <img id="banner_exp" height="50" width="100%" /> </td> </tr> </table> <table cellpadding="0" cellspacing="0" border="0" width="300"> <tr> <td style="height:50px; background-color:#00FF00"> Linea3 </td> </tr>
</table>Piccolo aggiornamento!
Prima appena fuori dalla sensibilità cambiava, ora aspetta che finisca il ridimensionamento!
a me qui funziona come funzionava prima....
fammi sapere!
-
Ciao Daigor...
ho provato lo script e funziona, per quanto riguarda il movimento ma con qualche anomalia:
1- Uno strano effetto refresh quando cambia immagine
2- Sopra alle immagini c'è quella trasparente ma viene visualizzato il quadratino che lo indica che è molto antiesteticoAnche te rilevi questo? Secondo te come si potrebbe risolverli?
-
Esiste l'immagine trasparente????
per il movimento....e il caricamento....non ho trovato anomalie!
spiegati un po di più....magari capisco meglio!!!
-
forse mi sono spiegato male ...
-
ora t'invio il collegamento (qui non accettato) all'esempio
-
come puoi vedere quando carica l'immagine c'è un falsh bianco
mentre sopra le immagini serpeggia un quadratino per indicare che manca il percoso di questa img
<img id="banner_exp" height="50" width="100%" border="0" />
creando un brutto effetto antiestetico
allora:
Flash bianco dovuto al fatto che gli serve tempo materiale per caricarla, per evitare questo devi fare il preload delle immagini
imga=new Image; imga.src="http://www.tuosito.com/images/immagine_da_preloddare.gif";
così dovresti risolvere
altro punto:
l'immagine trasparente non esiste....mettila, e dovresti risolvere, io non vedo questo problema....sono su FF3, tu con cosa lo guardi?