Visualizzazione dei risultati da 1 a 2 su 2
  1. #1

    LightBox non funzionante

    Salve a tutti
    ho inserito il seguente codice JQuery per far aprire una lightbox con una foto, ma una volta apertasi la foto nella lightbox, rimane aperta la foto ma scompare la lighbox, lasciando la foto in una pagina bianca.
    Vi allego il codice utilizzato:

    codice:
            $(document).ready(function(){
    	$('a.lightbox').click(function(e) {
    	// nasconde le barre di scorrimento
    	$('body').css('overflow', 'hidden');
    	// posiziona l'overlay
    	$('<div id="overlay"></div>').css({
    		'top' : $(document).scrollTop(),
    		'opacity' : '0'
    		}).animate({
    			'opacity' : '0.5'
    		}, 'normal').appendTo('body');
     
    		$('<div id="lightbox"></div>').hide().appendTo('body');
     
    		$('<img />').attr('src', $(this).attr('href')).load(function() {
    			positionLightboxImage();
    		}).click(function() {
    			removeLightbox();
    		}).appendTo('#lightbox');
     
    		return false;
    });
    
    function positionLightboxImage() {
    	var top = ($(window).height() - $('#lightbox').height() ) / 2;
    	var left = ($(window).width() - $('#lightbox').width() ) / 2;
    	$('#lightbox').css({
    		'top' : top + $(document).scrollTop(),
    		'left' : left
    	}).fadeIn();
    }
    
    function removeLightbox() {
    	$('#overlay, #lightbox').fadeOut('slow', function() {
    		$(this).remove();
    		$('body').css('overflow', 'auto');
    	});
    }
    	
    	});

  2. #2
    Ho risolto, in pratica una volta caricata l'immagine partiva il Fade Out di un altro script.

    Grazie comunque

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.