problemi con il lightbox. Perchè la mia pagina mi fa così?!?

[uccierica78]

HEEEELLLLPPPPP!!!!
Qualcuno può aiutarmi?!?
Ho creato una pagina con un lightbox ma, quando clicco ed apro il lightbox la pagina sottostante si muove orizzontalmente e quando apro il lightbox su internet explorer la prima volta si apre, e la seconda no...
Cosa non funziona?!?
Non ho fatto grandi modifiche rispetto al modello d'esempio che ho utilizzato...
Qui c'è la pagina..

http://www.stsr.it/test/prodotti/CARTUCCE/cbr.html

cliccate su
"Guarda la cartuccia ST123 sezionata"

Grazie anticipatamente!!!
Eri

[fcaldera]

la pagina si sposta semplicemente perchè l'effetto disabilita la scrollbar laterale, allargando lo spazio a disposizione e facendo sì che la pagina si centri in automatico

qualche script sta applicando un style="overflow-y: hidden;" al body

sposto sul forum javascript, più pertinente al problema

[uccierica78]

Ciao, Grazie mille!!!
Non sapevo quale fosse più attinente come forum di discussione tra il problema di CSS e quello di JS...
In ogni caso un problema mi resta...
Ho sempre il lightbox che si apre una volta sola su internet explorer...
Se lo chiudo e lo riapro non mi carica più nulla..
Che faccio?!?

[fcaldera]

che versione di explorer stai usando di preciso?
ti viene riportato qualche messaggio di errore?

comunque fossi al tuo posto

1) caricherei una versione più recente di jQuery (e NON da code.jquery.com, ma dalla CDN di google o dal tuo server)

2) userei una libreria un po' più testata per creare delle lightbox che non quel semplice script

[uccierica78]

Mi sono dannata l'anima x trovare questo che andasse su internet explorer...
Adesso provo a fare le modifiche suggerite...
Ma x il resto... Non so più a che santi rivolgermi per trovare uno script decente..
Sfortunatamente sono un web designer ma non un web master...
Finchè viaggio sul semplice me la cavo ma se devo toccare qualcosa di un pò più complesso diventa un disastro...
Hai suggerimenti su una lightbox un po migliore di questa?!?
In ogni caso grazie mille x avermi aiutata!!!

[uccierica78]

Il posizionamento della pagina l'ho risolto ma l'apertura della lightbox no...
Mi si apre sempre e solo una volta in internet explorer 8...
E devo prevedere la massima compatibilità sul maggior numero possibile di browser...
Suggerimenti?!?

[uccierica78]

Sicuro non centri lo script per l'apertura della lightbox?!?

questo è quello che ho io...


$(document).ready(function() {

var dissolvenza = 500;


$("a.lightbox").click(
function(e){


$("<div class='overlay'></div>").css("top",$(document).scrollTop()).css("opa city","0").animate({"opacity" : "0.6"},"slow").appendTo("body"); //faccio apparire l'overlay animandolo con animate e appendendolo al body

$("<div id='lightbox-cont'></div>").hide().appendTo("body"); //"appendo" il contenitore del lightbox grande prima lo elimino per eventuali loop

$("<img />").attr("src", $(this).attr("href")).load(function(){ positionLightboxImage();}).appendTo("#lightbox-cont"); //carico l'immagine dentro il box lightbox ma prima la posiziono al centro tramite funzione

$("[img]../../links/chiudi.png[/img]").appendTo("#lightbox-cont").fadeIn(); //Creo la X di chiusura


$(".chiudi,.overlay").click(
function(){

$(".overlay,#lightbox-cont").fadeOut(dissolvenza,function(){$(this).remo ve(); });
});//fine chiusura lightbox


//evita che la pagina "vada su" al click
return false;

});


//centro il box lightbox-cont in mezzo allo schermo
function positionLightboxImage(){

var top = ($(window).height() - $("#lightbox-cont").height()) /2;
var left = ($(window).width() - $("#lightbox-cont").width()) /2;

//faccio apparire il box lightbox al centro dello schermo con effetto fadeIn impostabile
$("#lightbox-cont").css({"top":top+$(document).scrollTop(),"lef t":left}).fadeIn(dissolvenza);



}//fine funzione posizione

});//FINE DOM

[fcaldera]

prova a vedere una di queste lib

Slimbox: http://www.digitalia.be/software/slimbox2
Fancybox: http://fancyapps.com/fancybox/ (versione 1 free, la 2 a pagamento se usato a scopi commerciali)

[uccierica78]

AAAAA eeeeee mmmmmm.... Ecco...
Ho già provato ad usarle il secondo dei due link senza successo...
Non andava più nulla...
Mi pare manchi la chiamata dello script al link e li m'incasino e non va...

[fcaldera]

Originariamente inviato da uccierica78
AAAAA eeeeee mmmmmm.... Ecco...
Ho già provato ad usarle il secondo dei due link senza successo...
Non andava più nulla...
Mi pare manchi la chiamata dello script al link e li m'incasino e non va...

scusa, hai provato semplicemente ad usare una libreria jQuery più aggiornata e basta?
Stai usando la 1.6, che risale a due anni fa circa e ptresti avere qualche problema di compatibilità con explorer. Prova ad usare la 1.10, magari il problema si risolve

Non avendo informazioni su quale versione di IE stai usando e se hai o meno messaggi di errore non resta molto altro da suggerire...