Galerie d’images avec la colonne et deux légendes

Je dois concevoir une galerie similaire à l’exemple ci-dessous avec une fonction responsive.

Jusqu’à présent, j’ai réussi à trouver quelques galeries mais chacune avait l’une ou l’autre limitation. La galerie sur laquelle je travaille est basée sur l’exemple de Jssor http://www.jssor.com/demos/image-gallery-with-vertical-thumbnail.html

Je suis en mesure d’apporter quelques modifications au code et de le rendre similaire à mon besoin. Malheureusement, le même code qui fonctionne sur mon système local ne fonctionne pas sur JSFiddle .

• ColResizable ligne d’affichage: aucun; et les ancres personnalisées relatives à la ligne doivent être affichées: aucune;
• La table d’accordéon Bootstrap3 ne fonctionne pas sur IOS mobile
• Le code fonctionne dans jsfiddle mais pas dans ma candidature
• Animer le lien souligné au clic, par opposition au survol?
• ouvrir le sous-menu onclick et fermer le sous-menu ouvert

À l’heure actuelle, j’ai essayé d’append la légende à la galerie jssor, mais cela ne fonctionne pas, alors que j’exige réellement deux légendes distinctes: l’une montrera le titre de l’image et l’autre un lien vers un site Web ou une page Web …

J’apprécierais une aide dans ce domaine ou dans une galerie qui est similaire à mon exigence. J’ai passé deux jours à essayer de mettre la main sur un bon code qui peut être facile à personnaliser pour mon design.

Exemple de code:

   
  
 
 
 
  
 
    Title 
 
   
 
   
 
   
 
   
 
   
 
   
 
   
 
   
 
   
 
   
 
   
 
   
 
   
 
         
 
 
 
  
 
 
 
  
  
   

• Basculer la hauteur de div en utilisant jQuery
• Remplacer la propriété d’affichage CSS avec Flexslider 2
• Feuille de style non sécurisée à contenu mixte
• Comment trouver la largeur des éléments intérieurs
• La largeur de la page dépasse 100% de la largeur de l’écran