LOGECT vBulletin Image Preloader Effect

[LOGECT]

Info: The LOGECT vBulletin image preloader (http://www.logect.com/) Mod will load all images on your vbulletin with an awesome preloader effect using jquery and CSS.
https://vborg.vbsupport.ru/attachment.php?attachmentid=132307&stc=1&d=1314197467


Prealoder Source: http://net.tutsplus.com/tutorials/javascript-ajax/how-to-create-an-awesome-image-preloader/

Note:
-The preloder will not effect on images that load from CSS
- If you already load jquery somewhere you should set the jquery option to No
Go to: vBulletin Options > LOGECT - vBulletin Image Prealoder Effect


Installation:
1- Upload all files from folder upload to forum folder.
2- Import product.

Upgrade:
1- Upload all files from folder upload to forum folder.
2- Import product.

To set options:
Go to: vBulletin Options > LOGECT - vBulletin Image Prealoder Effect

Versions:
v1.0 24 August 2011 first release
v1.1 25 Apr 2012 Bug fixed and added option to disable jquery if you already load it somewhere

[doctorsexy]

Interesting... thanks...installed 4.1.5

[Kaspersku]

Great mod,
Nominee MOMTH

[Lord. Dela]

Thanks !

[Marios858]

Thanks !!!

[zairafusco]

unfortunately there is a jquery conflict issue (with a slider plugin, the Nivo slider port for Vb4) but only with MSIE (which doesn't load the any picture, freezes on the preloader.gif)..

i tried to make some changes in the code but no effects..

[zairafusco]

no way to have it working with internet explorer... it's a bug or something i can fix?
thank you

[sticky]

no way to have it working with internet explorer... it's a bug or something i can fix?
thank you
Is this resolved?

[LOGECT]

@zairafusco
Would you send me a link to your webpage, so i can check it out, thanks.

[Emeralda]

I don't think it's working, at least for me it doesn't. Could you check it out for me too? Link to example gallery: http://cafeotaku.net/forum/showthread.php?59-Xiga-s-Digital-works! and it it loads too fast, with a big image: http://cafeotaku.net/forum/showthread.php?668-Summer-Anime-2012

Someone told me this while troubleshooting a different mod:

And this line of code is giving error:

$(function(){$("#logect_ip").logect_preloader();});

Also, does it load jquery somewhere? I already have it loaded on the forum, twice >.<

[LOGECT]

v1.1 25 Apr 2012 released
Bug fixed and added option to disable jquery if you already load it somewhere.

[LOGECT]

I don't think it's working, at least for me it doesn't. Could you check it out for me too? Link to example gallery: http://cafeotaku.net/forum/showthread.php?59-Xiga-s-Digital-works! and it it loads too fast, with a big image: http://cafeotaku.net/forum/showthread.php?668-Summer-Anime-2012

Someone told me this while troubleshooting a different mod:



Also, does it load jquery somewhere? I already have it loaded on the forum, twice >.<

Please try the new version, and set the jquery option to NO if you already load it somewhere.

[LOGECT]

no way to have it working with internet explorer... it's a bug or something i can fix?
thank you

Please feel free to install the new version, it works fine on all browser (+ ie 7,8,9 )

[Emeralda]

I installed the new version, checked on Opera, Chrome, Firefox and IE, it still didn't work >.<

[LOGECT]

I installed the new version, checked on Opera, Chrome, Firefox and IE, it still didn't work >.<

Your jquery should load before the following code, you already load jquery but it right before </head> tag.

<script type="text/javascript" src="logect/vb_imgpl/jquery.preloader.js"></script>
<script type="text/javascript">
$(function(){$("#logect_ip").logect_preloader();});
</script> Please enable the jquery option and then remove the following line from your style:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
or you can manually add it before {vb:raw template_hook.headinclude_javascript} in your headinclude template:

[Emeralda]

Oh, that worked. And sorry for the trouble, but I won't be using it after all that. For example, in Opera when it doesn't load the images anew ever time a page loads, you see the images instantly when the page loads, bigger images are being loaded, but after a second or two you suddenly see the loading animation again, as if the images were being reloaded, actually increasing the page load time. There was also problem with bigger images (the example one I linked before) where it didn't load it (checked in Chrome).

[LOGECT]

Oh, that worked. And sorry for the trouble, but I won't be using it after all that. For example, in Opera when it doesn't load the images anew ever time a page loads, you see the images instantly when the page loads, bigger images are being loaded, but after a second or two you suddenly see the loading animation again, as if the images were being reloaded, actually increasing the page load time. There was also problem with bigger images (the example one I linked before) where it didn't load it (checked in Chrome).

No problem at all, just to let you know that you can increase or decrease the preloader speed time by changing the value for delay:100, in jquery.preloader.js.