Resizable full-browser background image using jQuery
- Started
- Last post
- 31 Responses
- acescence0
nice one, thanks. i made a few mods...
i got rid of the bug in safari where it wasn't sizing the image properly at first until you resized the window.
i also added a loader, so it hides and then fades in the background when the image is loaded. note that i had to create a separate ezBgInit function, the index.html file changed to reference this.
- http://culturekiller…acescence
- Nice mods. Looks great.bort
- dibec0
totally bookmarked. nice find.
- ********0
I love it.. great work.
- MSTRPLN0
really nice man.
- bort0
Hey acescence, how would I remove the fade in function you created. i find that sometimes in Firefox it fails to load the image if you jump from pages back and forth. I set up a test here: http://tinyurl.com/ygn2nt6
If you jump around the pages a couple of times, you'll notice that FF occassionally fails to load the image on page one when you return to it. I noticed this never happened with the original code (no fade function). Can I simply remove the fade function while maintaining your Safari fix?
- acescence0
^ toward the top of the js file, change..
$(this).parent().fadeIn();
to
$(this).parent().show();not sure that's entirely the problem though, i think there may be something else going on, will have to take a look at it later...
- bort0
Bah, you're right. It's not the fade in. I've adjusted the code and it's still throwing the same bug. Let me know if you find a fix. I'll pick away at it (granted, I'm rubbish at writing javascript).
Thanks.
- imadesigner0
This is great. I've been looking into getting something like this integrated into my site, so that when the user clicks an image you get the large full-browser image load up. Do you think you could help with that?
- ********0
I dig it. Saved to my code base.
- ********0
does it work in mosaic?