Stack Overflow
Stack Overflow

Questions tagged [holder.js]

Holder.js - client side image placeholders

Holder.js renders image placeholders entirely on the client side.

It works both online and offline, and offers a chainable API to style and create placeholders with ease.

33 questions
12
votes
1 answer

Can't figure out how to use Bootstrap thumbnail component

I'm trying to use Bootstrap's thumbnail component to display a list of product categories with thumbnail images. I want users to click the thumbnails to go to the category. The documentation on the Bootstrap website provides this basic markup:
JonB
  • 127
  • 1
  • 1
  • 7
8
votes
3 answers

How to use Bootstrap Glyphicons in Holder.js images

I'm building the front-end of a project with Bootstrap and I'm looking to use the Glyphicons found in 3.0.0 instead of usual text. How would I do this? Those of you familiar with Holder.js will know that the JS basically creates place-holder images…
Samuel Hawksby-Robinson
  • 2,652
  • 4
  • 24
  • 25
6
votes
1 answer

Holder.js -- Get back DOM element?

holder.js I want to dynamically add a placeholder image to my page. Inserting it like so doesn't work: $('
  • ',{class:'file-item'}) .append($('',{'data-src':'holder.js/150x150'})) …
    • mpen
    • 272,448
    • 266
    • 850
    • 1,236
    4
    votes
    2 answers

    How can I use holder.js inside an #each loop in Handlebars (Ember.js) template?

    I'm looping through an array of objects in an Ember.js Handlebars template and trying to display a placeholder image for each using holder.js. Outside of the #each loop context, holder.js renders the placeholder image as expected:
    Jason Schock
    • 208
    • 1
    • 11
    3
    votes
    1 answer

    Using holder.js to display image thumbnails

    I'm trying to display an image usign holder.js but instead of the image the example image is being shown. Thumbnail
    Manoj Sreekumar
    • 680
    • 3
    • 14
    • 30
    2
    votes
    1 answer

    How do I get holder.js to work with bootstrap 4?

    Their example is this: Card image cap So I thought if I included: It would work, but it doesn't.
    Phillip Senn
    • 46,771
    • 90
    • 257
    • 373
    2
    votes
    1 answer

    Custom Font on Holder.js objects

    This is how the output is supposed to be, and is, on Firefox: https://www.dropbox.com/s/4uxz6l5po0bkhat/firefox.png?dl=0 However, Chrome and Opera do not use this custom font on Holder.js objects. This is how they render…
    user5104026
    • 678
    • 1
    • 6
    • 22
    2
    votes
    2 answers

    holderjs show text and size at the same time

    I use holderjs to generate a placeholder image for my site. will show up an image with text "200x200" and
    Carl
    • 21
    • 2
    2
    votes
    1 answer

    Increase text size in Holder.js

    I am using holder.js canvas to show some images on browser. I am using the code below: Bro The above code ensures a canvas of Dimensions…
    writeToBhuwan
    • 3,233
    • 11
    • 39
    • 67
    2
    votes
    1 answer

    Bootstrap holder.js wont display more than 1 image in the same span

    Below is my code, the problem is that no matter what i do that second holder.js image refuses display. its as if bootsrap has a 1 holder.js thumb per span rule or something?
    …
    ChuckKelly
    • 1,742
    • 5
    • 25
    • 54
    1
    vote
    2 answers

    Holder.js image is not rendered in Symfony project

    I've created a Symfony 4 project with Encore Webpack included. The template of the micro post page from my project is given below. As You can see, I'm using holder.js to display image placeholders, but they are not displaying at all. {% extends…
    user10640506
    1
    vote
    1 answer

    Holder.js in Google Appengine (python)

    I want to load a placeholder image using holder.js in a static template. In static template index.html I have: I have handlers set in app.yaml for serving static files in a folder called static, so I know…
    user3059347
    • 529
    • 1
    • 9
    • 15
    1
    vote
    1 answer

    best way to use jsholder in django templates to deal with not generated images

    my use case is: I generate in some view with certain url qrcode, and then I use it in template like this: I know holder.js and I would like to display something like:
    andilabs
    • 22,159
    • 14
    • 114
    • 151
    1
    vote
    2 answers

    Using holder.js on node.js with express web framework does work

    I am using node.js with express web framework and with jade template parser. I am following the bootstrap examples and have problems with holder.js. I have put holder.js script into static files (public directory), having in app.js the…
    kokosing
    • 5,251
    • 5
    • 37
    • 50
    1
    vote
    1 answer

    How to combine holder.js and lazyload.js on img tag

    According to this link, lazyload is now compliant with the holder.js script. Here is a jsFiddle. I am expecting the third image to be fading in like the others. But I cannot get it to work. Can somebody tell me what am I doing wrong ? Thanks in…
    M'sieur Toph'
    • 2,534
    • 1
    • 21
    • 34
    1
    2 3