298 posts
  • Envato Studio (Microlancer) Beta Tester
  • Beta Tester
  • Has been a member for 5-6 years
  • Grew a moustache for the Envato Movember competition
  • Repeatedly helped protect Envato Market against copyright violations
  • Referred between 1 and 9 users
  • Bought between 1 and 9 items
  • Sold between 100 and 1 000 dollars
  • Exclusive Author
+1 more
campuscodi says

If your interested in non-jQuery solutions: http://bit.ly/afG6Md or http://bit.ly/a7KQ9G

629 posts
  • Bought between 10 and 49 items
  • Exclusive Author
  • Has been a member for 4-5 years
  • Referred between 10 and 49 users
  • Repeatedly helped protect Envato Market against copyright violations
  • United States
VagrantRadio says
If your interested in non-jQuery solutions: [link removed] or [link removed]

If that’s not self-promotion, I don’t know what is. I wouldn’t recommend those methods either.

629 posts
  • Bought between 10 and 49 items
  • Exclusive Author
  • Has been a member for 4-5 years
  • Referred between 10 and 49 users
  • Repeatedly helped protect Envato Market against copyright violations
  • United States
VagrantRadio says

If you’re looking for a simple image loader, try the jQuery lazyload plugin.

298 posts
  • Envato Studio (Microlancer) Beta Tester
  • Beta Tester
  • Has been a member for 5-6 years
  • Grew a moustache for the Envato Movember competition
  • Repeatedly helped protect Envato Market against copyright violations
  • Referred between 1 and 9 users
  • Bought between 1 and 9 items
  • Sold between 100 and 1 000 dollars
  • Exclusive Author
+1 more
campuscodi says

I think he’s looking for a graphic loader, alongside a loading animation. Maybe a spinner or something.

@vagrant: That’s not self promotion because it’s not my site. I just work there and I was (re)testing the loaders just after I have read this post. Thought it would be useful to him.

629 posts
  • Bought between 10 and 49 items
  • Exclusive Author
  • Has been a member for 4-5 years
  • Referred between 10 and 49 users
  • Repeatedly helped protect Envato Market against copyright violations
  • United States
VagrantRadio says
I think he’s looking for a graphic loader, alongside a loading animation. Maybe a spinner or something.

Once again; If you’re looking for a simple image loader, try the jQuery lazyload plugin.

It doesn’t load images until you scroll down the page and you can replace the standard background image with a spinner, loader image, dancing unicorns, whatever.

741 posts
  • Has been a member for 5-6 years
  • Sold between 50 000 and 100 000 dollars
  • Exclusive Author
  • Most Wanted Bounty Winner
  • Bought between 50 and 99 items
  • Poland
  • Referred between 10 and 49 users
Orbital_Themes says

Chill out guys :) I’ve already written my own jQuery script. I don’t know if it’s written in the way it’s supposed to be, but it works as it should, works on cached images and everything :) If someone wants I can share this script here.

@VagrantRadio – I’ve seen the lazyload before, but that’s not what I was looking for. Thank’s for suggestion anyway! :)

753 posts
  • Sold between 10 000 and 50 000 dollars
  • Referred between 10 and 49 users
  • Author had a Free File of the Month
  • Exclusive Author
  • Has been a member for 5-6 years
  • Bought between 1 and 9 items
  • Repeatedly helped protect Envato Market against copyright violations
AdamGold says
Chill out guys :) I’ve already written my own jQuery script. I don’t know if it’s written in the way it’s supposed to be, but it works as it should, works on cached images and everything :) If someone wants I can share this script here. @VagrantRadio – I’ve seen the lazyload before, but that’s not what I was looking for. Thank’s for suggestion anyway! :)

Yep, I would like you to share the script, if you can :)

Thanks!

741 posts
  • Has been a member for 5-6 years
  • Sold between 50 000 and 100 000 dollars
  • Exclusive Author
  • Most Wanted Bounty Winner
  • Bought between 50 and 99 items
  • Poland
  • Referred between 10 and 49 users
Orbital_Themes says
Yep, I would like you to share the script, if you can :) Thanks!

Here you go

Script:
(function($){
    $.fn.preloadImages = function(options){

        var defaults = {
            showSpeed: 500,
            easing: 'easeOutQuad'
        };

        var options = $.extend(defaults, options);

        return this.each(function(){
            var container = $(this);
            var image = container.find('img');

            $(image).css({ "visibility": "hidden", "opacity": "0" });
            $(image).bind('load error', function(){
                $(this).css({ "visibility": "visible" }).animate({ opacity:"1" }, {duration:options.showSpeed, easing:options.easing}).parent(container).removeClass('preload');
            }).each(function(){
                if(this.complete || ($.browser.msie && parseInt($.browser.version) == 6)) { $(this).trigger('load'); }
            });
        });
    }
})(jQuery);

USAGE

HTML :
<a href="#" class="preload">
    <img src="your/image.png" height="xx" alt="some text" width="xx" />
</a>
CSS :
.preload { display:block; background:transparent url(your/loading/icon.gif) no-repeat center center; }
Run the script:
jQuery(document).ready(function(){
    jQuery('.preload').preloadImages({
        showSpeed: 500,   // length of fade-in animation, 500 is default
        easing: 'easeOutQuad'   // optional easing, if you don't have any easing scripts - delete this option
    });
});

The script works in every browser (I’ve tested it in IE6 -8, FF, Opera, Chrome and Safari) and nicely loads images from cache. You can use any other class or element you like for preloading (it doesn’t have to be anchor link). Feel free to use and improve it wherever you want. If you think that something here could be written better – let me know :)

27 posts
  • Bought between 10 and 49 items
  • Exclusive Author
  • Has been a member for 7-8 years
  • Mongolia
  • Referred between 10 and 49 users
  • Sold between 5 000 and 10 000 dollars
olziinaa says

Hi guys.

i hope use http://neteye.github.com/activity-indicator.html this preloader image script. how can i made this ?

203 posts
  • Exclusive Author
  • Sold between 5 000 and 10 000 dollars
  • Has been a member for 5-6 years
  • Referred between 1 and 9 users
  • Egypt
Morad says

I’m always looking for this script source, Thanks :)

by
by
by
by
by
by