34 questions
1
vote
0
answers
31
views
holder.js has 'global is undefined' error
When I tried to use holder image within the below code:
import { run as runHolder } from "holderjs/holder";
import React, { Fragment, useEffect } from "react";
import { Image } ...
1
vote
2
answers
632
views
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, ...
0
votes
1
answer
346
views
Is Holder.js a part of Twitter Bootstrap?
I was looking at this page:
Bootstrap Examples Theme
at bottom of page the "Carousel" Item, the HTML Code on Line 600:
Bootstrap : Html Code
I want to know if holder.js is part of Bootstrap ...
0
votes
1
answer
910
views
Holder JS will not work with %
I am using the latest version of holder.js from here
How ever if I try to use percentage for the width like
<img data-src="holder.js/100%x380" class="img-responsive">
Does not work. In older ...
0
votes
1
answer
94
views
Swiper with holder.js
In the use of holder.js the height of Swiper's wrong. This is probably because that Swiper is executed before / simultaneously holder.js. holder.js must be performed first so swiper knows the correct ...
0
votes
1
answer
921
views
Holder.js and Bootstrap cards - Can't get img data-src to display
Im a newbie and I can't get my image to display when using holder.js and bootstrap cards. I ran across holder.js as the first solution to creating bootstrap cards so that's what I'm trying to use. If ...
0
votes
1
answer
100
views
Calling holder.js in Meteor
I'm new to Meteor and trying to get holder.js to work in the framework. It works on refresh, but when moving from one route to another, it breaks.
The documentation just says "Because Meteor includes ...
2
votes
1
answer
3k
views
How do I get holder.js to work with bootstrap 4?
Their example is this:
<img class="card-img-top" data-src="holder.js/100%x180/" alt="Card image cap">
So I thought if I included:
<script src="https://cdnjs.cloudflare.com/ajax/libs/holder/...
2
votes
1
answer
260
views
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. ...
2
votes
2
answers
303
views
holderjs show text and size at the same time
I use holderjs to generate a placeholder image for my site.
<img data-src="holder.js/200x200" /> will show up an image with text "200x200" and <img data-src="holder.js/200x200?text=hello" ...
0
votes
1
answer
9k
views
How to load my images using holder.js bootstrap
I am building a product listing page with thumbnails using bootstrap3. And I want to use a thumbnail from Bootstrap which in turn bootstarp also using Holder.js. I have read documentation here and ...
0
votes
1
answer
946
views
Placeholder for broken image fails in IE11, using holder.js and AngularJS
I try to setup a placeholder for broken image, using holder.js in an AngularJS framework.
Everything works perfectly on all browsers, except with IE11 (what a surprise!), which gives me a strange "...
0
votes
2
answers
724
views
holder.js not referenced or loaded in html document
I am new to Bootstrap. As i have started with DashBoard example in BootStrap. i see the below code in html page.
<img data-src="holder.js/200x200/auto/vine" class="img-responsive" alt="Generic ...
1
vote
1
answer
84
views
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:
<img src="/static/holder.js/200x200">
I have handlers set in app.yaml for serving ...
0
votes
1
answer
975
views
holder.js not working when placed in bootstrap 3 accordion
I have been trying to use the holder.js in a bootstrap 3 accordion. But the "size" text in the center of the holder.js image becomes 0x0 and the text is moved up to the top and not centered. If I take ...
0
votes
2
answers
1k
views
Make holder.js same size as other bootstrap thumbnail images?
I have a row where one has an image, but the other does not and uses holder.js as a placeholder.
<div class="row">
<div class="col-md-3">
<div class="thumbnail">
...
1
vote
1
answer
313
views
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:
<img src="/qrcode/2">
I know holder.js and I would like to display something like:
&...
1
vote
2
answers
764
views
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 (...
1
vote
1
answer
583
views
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 ...
0
votes
1
answer
256
views
Laravel/twitter-bootstrap website load automatically external sources
I have build a page in Laravel 4 and twitter-bootstrap. When I refresh my localhost it takes a long time to load.
When I open my firefox inspector, under the tab network i see that my page load ...
0
votes
1
answer
228
views
Using holder.js in Grails application
I am trying to add a carousel slider.
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li ...
1
vote
1
answer
187
views
Holder JS not working in ASP.net update panel
I am using Holder.js to genearte client side images.
If I write
<img src="holder.js/300x200">
it works..!
But if I write the same thing in an update panel the image is not generated.
When I ...
1
vote
2
answers
417
views
Bootstrap Holder.js Length of "text:" string
I am using default settings for Holder.js.
I want to specify a place-holder image of dimension 100x110 with text "Image Not Available":
<img data-src="holder.js/100x110/social/text:Image Not ...
2
votes
1
answer
2k
views
Increase text size in Holder.js
I am using holder.js canvas to show some images on browser.
I am using the code below:
<img data-src="holder.js/200x200/auto/300/#FF0000:#fff:14/text:Count:10" class="img-responsive" alt="Bro"&...
3
votes
1
answer
19k
views
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.
<img src='http://upload.wikimedia.org/wikipedia/sr/0/0c/Firefox-logo.png' data- src="...
0
votes
2
answers
509
views
How to create a new line when text overflows row?
When creating a new img holder:
<img src="holder.js/200x75/industrial/text:this text is too long for only one row">
There is no enough space in one row to hold the text, and I can't get a hold ...
8
votes
3
answers
13k
views
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 ...
1
vote
2
answers
615
views
Holder.js doesn't work with turbolinks
Holder.js doesn't work with turbolinks.
I'm getting empty images.
It works when i press Ctrl+R.
How to get them work together?
2
votes
1
answer
1k
views
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?
<div class="span4">
...
0
votes
1
answer
692
views
Rails Paperclip and default_url
I've trying to use holder.js library for paperclip default images.
Holder.js create data-src image preview, when an image have src="holder.js/#{width}x#{height}"
But can't create correct url.
Actually ...
4
votes
2
answers
822
views
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 ...
1
vote
2
answers
625
views
How to make holder.js work together with Sinatra
Holder.js needs a calling syntax of "/holder.js/200x300" which includes a slash. The slash before the size is not recognised by Sinatra routing and can only result in "Sinatra doesn’t know this ditty."...
12
votes
1
answer
16k
views
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 ...
6
votes
1
answer
3k
views
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:
$('<li>',{class:'file-item'})
.append($('<img>',{'data-src':'holder.js/150x150'...