Miscellaneous Hacks - LOGECT vBulletin Image Preloader Effect

Info: The LOGECT vBulletin image preloader Mod will load all images on your vbulletin with an awesome preloader effect using jquery and CSS.

Prealoder Source: http://net.tutsplus.com/tutorials/ja...age-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

[LOGECT]

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

[LOGECT]

Originally Posted by 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/showthrea...-Digital-works! and it it loads too fast, with a big image: http://cafeotaku.net/forum/showthrea...mer-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]

Originally Posted by zairafusco

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]

Originally Posted by Emeralda

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]

Originally Posted by 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).

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.