Anche io ho provato ad utilizzare il link sotto ma non mi cancellate!!! eppure è la terza richiesta che faccio...

non mi sembra molto professionale!

3nrico

ora t'invio il collegamento (qui non accettato) all'esempio

forse mi sono spiegato male ...

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 antiestetico

Anche te rilevi questo? Secondo te come si potrebbe risolverli?

nulla!!!... adesso manco si apre

Ciao Daigor...

ho navigato un po ma non ho trovato riscontri, tu sei riuscito ad individuare il problema?

Ciao
Enrico

Ciao Daigor ... hai avuto modo di capire che cosa è successo?

[html]

<script>
//esempio base
$(document).ready(function(){
$("#banner_exp").mouseover(function(){

    $("#banner_exp").animate({height: "300px"}, 500 );
});

$("#banner_exp").mouseout(function(){

    $("#banner_exp").animate({height: "50px"}, 500 );

});

});
//Esempio con modifica di contenuto
$(document).ready(function(){
$("#banner_exp").mouseover(function(){

    $("#banner_exp").html("<img src='rectangle_A.jpg' />").animate({height: "300px"}, 500 );
});

$("#banner_exp").mouseout(function(){

    $("#banner_exp").html("<img src='rectangle_B.jpg' />").animate({height: "50px"}, 500 );

});

});
</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="banner_exp" valign="top" style="height:50px;">
linea2
</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" border="0" width="300">
<tr>
<td style="height:50px; background-color:#00FF00">
Linea3
</td>
</tr>
</table>
[/html]

ma il risultato non cambia ...

lo puoi vedere in questo link

mecox.com/home7.php

ps. ho omesso il link allo script poichè altrimenti non mi fa inviare il post

ho fatto due tentativi ma non riesco ...

ho due rettangoli che ho ritagliato a 300x50px

<img src="rectangle_A.jpg" />

<img src="rectangle_B.jpg" />

da quanto ho capito, dovrei inserirli in questo modo:

[HTML]
//Esempio con modifica di contenuto
$(document).ready(function(){
$("#banner_exp").mouseover(function(){

    $("#banner_exp").html("<img src='rectangle_A.jpg' />").animate({height: "300px"}, 500 );
});

$("#banner_exp").mouseout(function(){

    $("#banner_exp").html("'rectangle_B.jpg'").animate({height: "50px"}, 500 );
    
});

});
[/HTML]

ma non c'è verso ...

mea cupla! non ero stato attento ed avevo copiato pari pari il tuo esempio senza inclusione... funziona perfettamente!

quindi non mi resta che inserire le immagini in queste tabelle ... giusto?

<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="banner_exp" valign="top" style="height:50px; background-color:#FF0000;">
linea2
</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" border="0" width="300">
<tr>
<td style="height:50px; background-color:#00FF00">
Linea3
</td>
</tr>
</table>

Prima di tutto ti ringrazio del tuo interessamento ...

però riguardo all'esempio, vedo 3 rettangoli statici 1 verde/ 1 rosso / 1 verde ...

Digor credo cisei andato vicino ma il banner viene aperto al passaggio del mouse e si richiude quando il puntatore va altrove... questo non riesco a capire come fare ...

grazie giorgio ... spero che qlcn abbia qualche idea

non avevo letto bene il forum che ha un post dedicato a questo ...

Ciao
Enrico

Ciao,

molto carina la pubblicità con l'effetto pagina su giorgiotave.it/forum/!!!

Come si può realizzare?

Ciao
Enrico

Un saluto a tutti ...

Girando per il web, mi sono imbattuto su ilsole24ore.com poco sotto l'header si trova un banner (Fiera di Rimini) espandibile, che al contrario di quelli più noti che coprono il contenuto sottostante, spostano il contenuto verticalmente verso il basso ...
Qlcn sa come realizzarli?

Saluti
Enrico