Stack Overflow
Stack Overflow

Questions tagged [image-preloader]

172 questions
5
votes
1 answer

preload an array of images with jquery

I am using jQuery to build an array of images from a php array. I want to loop through these images, preloading them while displaying a little loading gif until all of the images are loaded. At the moment, I have tried many methods of doing so and…
lunarben
  • 75
  • 1
  • 4
5
votes
1 answer

Meteor: Preloading of image(s)

I built a meteor app with a big background image. Right now the app starts and the user can watch while the image is loading. It would be better for me to load the needed background-image first and if the loading has finished the app will show up. I…
user3142695
  • 15,844
  • 47
  • 176
  • 332
5
votes
1 answer

Detect image load in jQuery 1.8+ - alternative to load() since deprecation

Explanation For reasons which I appreciate, as of jQuery 1.8, the load event has been deprecated, however, it was still possible to detect whether an image was loaded (even if it was in the cache) just by using certain workarounds. Therefore, the…
Ben Carey
  • 16,540
  • 19
  • 87
  • 169
5
votes
1 answer

Swap image src with jQuery Ajax request

I have an tag with a default src set. I'd like to have jQuery make an ajax request to get another image and when this new image is fully loaded, set the src of the tag so there's no flicker. I'd prefer not to do any of…
Mark Ursino
  • 31,209
  • 11
  • 51
  • 83
4
votes
0 answers

Preload images for jQuery Supersized?

is it possible to preload images for the supersized plugin (http://buildinternet.com/project/supersized/)? I put the images in an invisible container at the top of the HTML document, but it doesn't seem to have any effect. A specific image is only…
Tina
  • 471
  • 2
  • 5
  • 15
4
votes
2 answers

Backbone.js, Underscore.js : template images preloading

I'm currently finishing a huge Backbone.js application with JQuery, RequireJS and Underscore. There are many images in my underscore template (lots of .png) and it's a little bit long to append() || prepend() these templates in my current view. So…
Awea
  • 3,163
  • 8
  • 40
  • 59
4
votes
1 answer

HTML5 Video Playback - image preload

I am using video tags and jQuery to display a HTML5 video playback. How can I show an image while the video is still loading for displaying? I would use jQuery for this.. Thanks in advance! PD: Display an image when the video preloads.
David
  • 109
  • 1
  • 2
  • 10
4
votes
2 answers

Pull in HTML resource in the background in jQuery

On a page, there is a button. When the button is clicked, a dropdown shows up. The dropdown contains an image. The problem is that the image is not fetched until the user clicks the button. $("#my_button").click(function(){ …
Kevin Burke
  • 61,194
  • 76
  • 188
  • 305
4
votes
4 answers

Preloading images in HTML

I want to preload these 4 images. I tried this: It didn't work so I tried…
mrpinkman
  • 201
  • 3
  • 14
4
votes
2 answers

Image preload not working

I wrote (well, copied) a Javascript image preload function and it seems to successfully preload my images when my page loads, but when the page actually needs to display the images, there is a delay during which it apparently loads them again,…
baixiwei
  • 1,009
  • 4
  • 20
  • 27
4
votes
2 answers

Image preloading isn't working for images in FireFox

I'm dynamically switching background images. Naturally, they need to be preloaded to display promptly. I am preloading them, am able to following in FireBug as the images load. When the background image switches, I see the images download again in…
morgancodes
  • 25,055
  • 38
  • 135
  • 187
4
votes
5 answers

Simulate loading on localhost

I have a site which uses AJAX and preloaders. Now I would like to see the impact of these preoloaders before deploying the site online. The "problem" is that localhost doesn't have loading time and the response is immediate, so that I can't see my…
collimarco
  • 34,231
  • 36
  • 108
  • 142
3
votes
1 answer

Preloading Images with Glide v4 not working

I am trying to preload and cache these images to disk with Glide on app start. My preloading code looks like this: getAllImageUrls().forEach { url -> GlideApp.with(context) .load(url) …
Rik van Velzen
  • 1,977
  • 1
  • 19
  • 37
3
votes
3 answers

BG Image preloader in JQuery

I have an array of images var photos = ["images/bg01.jpg", "images/bg02.jpg", "images/bg03.jpg"]; I am cycling through this array and making them the background of a div based on a interval $("#bgimg" + activeContainer).css({ …
RGilkes
  • 35
  • 4
3
votes
2 answers

Preload images for jQuery Cycle Plugin

I’m quite new to jquery and trying to figure out how to preload images for the jQuery Cycle Plugin. I have 5+ large size images and I need those to be preloaded before starting the slideshow with Cycle plugin. Also I need to display a loading gif…
code_monkey
1
2
3
…
11 12