Galería de imágenes con thumnail y dos leyendas

Necesito diseñar una galería similar al ejemplo a continuación con la función de respuesta.

enter image description here

hasta ahora logré encontrar algunas galerías pero cada una tenía una u otra limitación. La galería en la que estoy trabajando se basa en el ejemplo de jssor http://www.jssor.com/demos/image-gallery-with-vertical-thumbnail.html

Puedo modificar el código y hacerlo similar a mis requisitos. Desafortunadamente, el mismo código que funciona en mi sistema local no funciona en JSFiddle .

Por el momento, traté de agregar el título a la galería de jssor, pero no funciona, mientras que mi requisito real es dos subtítulos separados, uno mostrará el título de la imagen y el otro será un enlace a un sitio web o página web …

Agradecería ayuda en este aspecto o en una galería que es similar a mi requisito. He pasado dos días tratando de obtener un buen código que puede personalizarse fácilmente para mi diseño.

Muestra de código:

Title

Elimine el ‘/’ no deseado en la línea 42 de las secuencias de comandos.

Y haga los siguientes cambios,

  1. Agrega css para los subtítulos

     /* caption css */ .captionOrange, .captionBlack { color: #fff; font-size: 20px; line-height: 30px; text-align: center; border-radius: 4px; } .captionOrange { background: #EB5100; background-color: rgba(235, 81, 0, 0.6); } .captionBlack { font-size:16px; background: #000; background-color: rgba(0, 0, 0, 0.4); } a.captionOrange, A.captionOrange:active, A.captionOrange:visited { color: #ffffff; text-decoration: none; } a.captionOrange:hover { color: #eb5100; text-decoration: underline; background-color: #eeeeee; background-color: rgba(238, 238, 238, 0.7); } 
  2. Agregar opciones de subtítulos

     $CaptionSliderOptions: { $Class: $JssorCaptionSlider$, $CaptionTransitions: _CaptionTransitions, $PlayInMode: 1, $PlayOutMode: 3 } 
  3. Añadir subtítulos para deslizar

     
    Caption 1
    www.yourdomain.com

Ver http://jsfiddle.net/77uuamcn/4/