Galerie de photos & vidéos Thumbnail

Question

J'ai été après un simple plugin pour mon site de portefeuille afin que je puisse inclure des photos et des vidéos de mon travail. Je l'ai actuellement implémenté dans mon concept de site Web; Simple Thumbnail Gallery mais je ne sais pas par où commencer si je voulais ajouter de la vidéo dans ce domaine? même si c'est possible? Je veux 5 vignettes d'image et 1 vignette vidéo et quand vous cliquez sur un ils apparaissent dans une plus grande fenêtre avec transition de fondu. Je ne peux pas croire à quel point il est difficile de trouver quelque chose comme ça, sûrement les gens l'ont voulu avant?

Answer 1

J'avais besoin de quelque chose comme ça.
Avez-vous fait des recherches sur le réseau & jsfiddle & modifié & est venu avec ce code.
WORKING DEMO

$(".fancybox").find("img").stop(true, true).animate({ 
      "opacity": 0.2 
     }, "slow"); 

$(".fancybox").on("mouseenter", function() { 
      $(this).find("img").stop(true, true).animate({ 
       "opacity": 1 
      }, "slow"); 
}).on("mouseleave", function() { 
     $(this).find("img").stop(true, true).animate({ 
      "opacity": 0.2 
     }, "fast"); 
}).fancybox({ 
padding: 0, 
openEffect: 'elastic', 
openSpeed: 250, 

closeEffect: 'elastic', 
closeSpeed: 450, 
closeClick: false, 

helpers: { 
    overlay: { 
     css: { 
      'background': 'rgba(0, 0, 0, 0.9)' 
     } 
    } 
} 
}); 

Elle utilise plugin boîte fantaisie.
Je sais que je pourrais être déjà en retard dans la réponse, mais pourrait aider quelqu'un là-bas à la recherche de la même requête.