S'il vous plaît Recommander: jQuery galerie simple, expansion div et portrait ou des images de paysage

Question

Je voudrais savoir si quelqu'un là-bas a eu de l'expérience avec des galeries de jQuery léger et simple.

Mes exigences pour ce projet particulier sont assez simples, et j'ai fait une véritable tentative de rouler mon propre code, mais c'est un peu déroutant pour un débutant.

J'ai un grand div qui se charge avec une image initiale. Suivi d'un nombre arbitraire d'images miniatures avec un lien vers leurs plus grandes images respectives. Ces images ont toutes une largeur similaire mais avec des hauteurs variables.

Je voudrais cliquer sur une vignette, et avoir la grande image div fondre l'image, définir la hauteur de la nouvelle image (animée bien sûr), puis fondu dans la nouvelle image.

J'ai joué avec le réglage de l'opacité à 1% pour donner cette illusion car le réglage de l'opacité à 0 semble complètement réduire la div.

Il n'est pas nécessaire d'avoir un diaporama, ni aucune de ces fonctionnalités, mais ce qui se passe est parfois le principal div s'effondre complètement.

C'est mon code

$('.clickedimage').click(function() { 
var newhref = $(this).attr('href'); // sets the variable for the new link 
    var curheight = $('.bigpic').height(); //gets the current height 
    $('.bigpic').attr('style', "height:"+curheight+"px"); 
    $('#largeimage').fadeOut('slow', function(){ 
     $('#largeimage').attr('src',newhref); 
     $('#largeimage').fadeTo('fast', 0.01, function(){ 
      var aheight = $('#largeimage').height(); 
     $('.bigpic').animate({ 
       height: aheight+'px' 
     }, 500, function(){ 
       $('#largeimage').fadeTo('slow',1); 
     }); 
     }); 
    }); 
    return false; // do not follow through with the links and disable them 
}); 

Answer 1

il y a probablement bazillllion là

http://www.1stwebdesigner.com/design/fresh-jquery-image-gallery-display-solutions/