Question

Only one data comes from the data caption attribute. Can you tell me how to display three different titles on the lightbox? The lightbox opens up when we click the cube. Providing my fiddle below:

http://jsfiddle.net/ZrpLT/74/

<div class="row">
  <div class="span10">
    <div class="melonhtml5_gallery">
      <div data-caption="<div>Paul Scholes</div> <div>Wayne Rooney</div> <div>Sir Alex Ferguson</div>" data-image="http://www.defie.co/designerImages/thumbnails/inventory.png"></div>
      <div data-caption="<p>car</p> <p>bus</p> <p>bike</p>" data-image="http://www.defie.co/designerImages/thumbnails/yourFile.png">
    </div>                            
  </div>
</div>
Was it helpful?

Solution

.caption is set to a fixed 30px height in code.

I have overriden it using css: http://jsfiddle.net/ZrpLT/85/

It is set on line 297 in the javascript code if you want to change it there instead.

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top