Resizable full-browser background image using jQuery
- Started
- Last post
- 31 Responses
- ********0
does it work in mosaic?
- ********0
I dig it. Saved to my code base.
- 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?
- 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.
- 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
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?
- MSTRPLN0
really nice man.
- ********0
I love it.. great work.
- dibec0
totally bookmarked. nice find.
- 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
- bort0
Nice. Bookmarked.
- foobaz0
Just wanted to say thanks again for helping me debug the plug-in...if you end up using it I hope you enjoy it!
- ********0
have you seen the bladeless fan already?
- must_dash0
the gilt one has a black gap on the left hand side... buggy too
- graham0
Sorted!
If you could get rid of the pause before it all loads in, it would be the bestest ;)
- foobaz0
Should be fixed now...I really appreciate the feedback. Thanks everyone! Let me know if the white space issue still happening for you. Don't forget to clear your cache ;)
- utopian0
height fix, example for you:
- utopian0
I take it that this will work just fine with PNG files as well?
- foobaz0
Thanks for the feedback - I'll work on the white space issue now...Thanks guys!