zurb / orbit

454 stars 96 forks source link

Using thumbnails with content #57

Open casperling opened 13 years ago

casperling commented 13 years ago

Is it possible to use content over an image while also using thumbnails? When I place my image within a div (other than "featured") it seems that data-thumb is not recognized and so instead of a thumbnail being used a bullet indicator appears.

Below is an example of what I've been trying to do. Image banners 1, 3, 4 and 5 all have thumbnails and are working properly. However the thumbnail for image banner 2 only displays the bullet indicator when placed within div class content.

<div id="featured"> <img src="img-thisismyimage.jpg1" alt="Image" data-thumb="img-thisismythumb1.jpg" />

<div class="content" style=""> <img src="img-thisismyimage.jpg2" alt="Image" data-thumb="img-thisismythumb2.jpg" /> <span class="contentboxoverlay"> <h1>Title</h1> <p>This is some other info.</p> </span> </div>

<img src="img-thisismyimage3.jpg" alt="Image" data-thumb="img-thisismythumb3.jpg" /> <img src="img-thisismyimage4.jpg" alt="Image" data-thumb="img-thisismythumb4.jpg" /> <img src="img-thisismyimage5.jpg" alt="Image" data-thumb="img-thisismythumb5.jpg" /> </div>

mjmurphy commented 12 years ago

Hi casperling, I think you need to add the data-thumb attribute to the content div, so it would look something like this :

<div class="content" style="" data-thumb="img-thisismythumb2.jpg">…</div>

ameliapower commented 11 years ago

Does anyone know how to use data-thumb with the wordpress version of the plugin? Trying to add thumb navigation. Thanks