[jQuery] apparire un pop-up interno

[passasooz]

buonasera a tutti,

qualcuno mi sa dire come posso fare a far comparire uno <span><a><img src=".."></a></span> dopo 5 secondi al caricamento della pagina? però qual'è il problema... vorrei che questo span più tutto il suo contenuto apparisse dentro la pagina scorrendo dal basso, io avevo pensato ad impostare dei valori tipo un bottom allo span di tot px fuori dalla pagina, poi al caricamento della pagina quindi al $(document).ready gli do la function che mi posiziona lo span ad un bottom tale da farlo trovare nella pagina...

il codice è questo

<script>
jQuery(document).ready(function(){
setTimeout('jQuery("#pop-up").css("display:block");',5000-100);setTimeout('jQuery("#pop-up").css("bottom:79px");',5000);
});
</script>

<span style="display:none; bottom:-150px; right:0px;  position:fixed;z-index:15000;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;transition: all 1s ease-in-out;" id="pop-up"><a href="http://www.google.com"><img style="border:0px !important;" src="http://www.facebook.com" /></a></span>

non fate caso agli url inseriti dentro l'href e il src perchè sono solo url demo... gli originali non sono questi ma comunque con gli originali non funziona..

[cavicchiandrea]

Prova con un div gli span sono più difficili da gestire come posizionamento.

[passasooz]

ho provato a trasformare lo span in un div ma l'effetto è sempre lo stesso, non compare nulla....

[cavicchiandrea]

-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;transition: all 1s ease-in-out

Sicuro che questo blocco css sia corretto? Hai provato a monitorare l'operazione in Firebug? Se togli display:none il div si vedrebbe correttamente? Visto che "l'animazione" la fai con i css3 devi capire se il problema e nel css o nel js

[passasooz]

ho appena controllato la doc sulle transition in css3 e mi sembra corretta...

http://css3.bradshawenterprises.com/transitions/

sinceramente non saprei a cosa attribuire il problema

non posso utilizzare ne installare firebug su questo pc

[cavicchiandrea]

ho appena controllato la doc sulle transition in css3 e mi sembra corretta...

http://css3.bradshawenterprises.com/transitions/

sinceramente non saprei a cosa attribuire il problema

non posso utilizzare ne installare firebug su questo pc

Per miracoli, visioni, intuizioni, previsioni ci stiamo attezzando auguri.