Using holder.js to display image thumbnails

javascript html twitter-bootstrap twitter-bootstrap-3 holder.js
Manoj Sreekumar picture Manoj Sreekumar · Feb 21, 2014 · Viewed 18.3k times · Source

I'm trying to display an image usign holder.js but instead of the image the example image is being shown. 

<img src='http://upload.wikimedia.org/wikipedia/sr/0/0c/Firefox-logo.png' data-   src="holder.js/140x140" alt='Thumbnail' class="img-thumbnail img-responsive"/>

Is this the correct method of using holder.js? Can someone post an example for displaying an image using holder.js?

Answer

Bryce Easley picture Bryce Easley · Feb 21, 2014

Not sure why you broke up the data- src like that it should just be:

data-src

I don't see anything else wrong but that.

So to see an example check this out:

http://jsfiddle.net/R22tj/

EDIT

If you wanted to just show the image get rid of the data-src and the image will show up. And if you wanted to specify the height and width you also do that in the HTML. So check out this fiddle. (scroll down on the html section to see the 140x140 image.)

http://jsfiddle.net/jLqd9/1/

Related questions

Bootstrap navbar Active State not working

I have bootstrap v3. I use the class="active" on mynavbar and it does not switch when I press menu items. I know how to do this with jQuery and build a click function but I'm thinking this functionality should …

Read More
How to slide nav bar from left instead from top?

Bootstrap supports toggling a navbar from the top. How can I slide it from the left when the screen-size is small? For example: In the screenshot provided above, when the screen is re-sized, the navbar is toggled and slides down …

Read More
Launch Bootstrap Modal on page load

I don't know javascript at all. The bootstrap documentation says to Call the modal via javascript: $('#myModal').modal(options) I have no clue how to call this on a page load. Using the supplied code on the bootstrap page …

Read More