Problème de hauteur jQuery

Bonjour à tous,

Je suis entrain de développer un plugins personnel pour mes diaporama photos, j'ai un problème lorsque je souhaite insérer un div transparent dans le body pour mieux voir mes photos, j'ai spécifié une hauteur de 100% mais si le page possède un scroll vertical celui çi ne descend pas plus loin...

$('body').prepend('<div id="light"></div>');
        $('div#light').css({
            zIndex: 99,
            backgroundColor: opts.lumiere,
            width: '100%',
            height: '100%',
            top: 0,
            left: 0,
            position: 'absolute',
            display: 'none',
            opacity: 0.7
        }).fadeIn();

Hello,

Utilises plutôt la hauteur du document comme référence :

var docHeight = $(document).height();
$('body').prepend('<div id="light"></div>'); 
        $('div#light').css({ 
            zIndex: 99, 
            backgroundColor: opts.lumiere, 
            width: '100%', 
            height: docHeight, 
            top: 0, 
            left: 0, 
            position: 'absolute', 
            display: 'none', 
            opacity: 0.7 
        }).fadeIn(); 

PS : si c'est une lightbox like, cela a déjà été fois plein de fois sous jQuery en plug-in.

Merci non c'est pas un "ligthbox" ou "slideshow", c'est "personnel" je ne le partagerais pas car c'est spécifique pour les site que je développe...

;);)

tonymx15 a écrit :
Merci non c'est pas un "ligthbox" ou "slideshow", c'est "personnel" je ne le partagerais pas car c'est spécifique pour les site que je développe...

Ok, et pour le height, ça répondait à ta question ?