[Release] - vBrollovers

[Dean C]

Author - Mist (me)

Description - This allows you to add rollovers to any images on your site quickly and easily.

Screenshot - Not applicable but anyone who uses this i can link to them in the first post to show an example.

Installation File -

[filburt1]

Is hsrc a normal attribute? :confused:

[Dean C]

No - it's defined in the javascript for a rollover so once you have that in your headinclude you can use it on and <img> tag in your templates :)

- miSt

[snyx]

whoa.. killer.

[Tony G]

Nice work Mist, seems simpler then most rollover mods I've seen. :)

[Dean C]

Well i have never needed or wanted to work with them until this client im currently working with requested them on his navigation buttons in the header. So i did some reasearch and found a little simple script which created a rollover attribute to be used in <img> tags - it's so useful :)!

- miSt

[LilDragonWings]

Wow, that has to be the best rollover script I've ever seen!

Thanks for posting this. The one I was using before had like three seperate function calls, and required a lot more typing per mouseover!

Does anyone know how to get the script to preload the mouseover images?

thanks..

And thanks Mist for all of your help and support... you may be saying.. but you've never helped me... I've been reading the threads as much as I can to help solve my own problems.. so i'm just now starting to post :)

Later!

[Dean C]

Nice to hear some positive feedback buddy :)

What do you mean by getting the script to preload the mouseover images :D?

Regards

- miSt

[LilDragonWings]

Today at 07:55 PM Mist said this in Post #8 (https://vborg.vbsupport.ru/showthread.php?postid=382598#post382598)
What do you mean by getting the script to preload the mouseover images :D?

Regards

- miSt

I'm not sure how this script works cause with all the learning of php, and mysql I've been doing, no time to learn javascript.

The script I had before... Preloaded the Image that would be displayed on a mouseover. So that there is no delay between when the mouse touches the image and the the second image is displayed. Some mouseover scripts do not even begin to load the second image until after the mouse is over the first image. (I can't tell because I'm on broadband, and my images get cached.) However, if you happen to have a large (relatively speaking) second image, there might be a delay in the second image even appearing (due to loading), this would result in the person clicking on the first image before the second image has even had a chance to load (since it only takes a few milliseconds to click an image, preloading is the best option in my opinion).

Did all that make sense?? lol

[Dean C]

Yes that made sense and i have no idea on how to fix the delay hehe - sorry :(

- miSt

[Talisman]

Love it, Mist. Thanks!

(Wanting so much to click install..... but can't. Drat!)

[Dean C]

Hehe a thanks is just as good ;)

- miSt

[LilDragonWings]

I found out how to preload images easily. There are a lot more ways to do this as well, here's one:

<SCRIPT LANGUAGE="JavaScript">
<!-- hide from none JavaScript Browsers

Image1= new Image(width,height)
Image1.src = "URL TO YOUR IMAGE"

Image2= new Image(width,height)
Image2.src= "URL TO SECOND IMAGE"

// End Hiding -->
</SCRIPT>


There ya go - it's just that easy, and you can just increment the image number to add more images. The width and height can be left blank like so New Image() as well if you want.

Becareful if you're preloading a lot or large images, you can make your site take seemingly much longer on the initial load.

Later!

Whoops.. forgot to yell ya to put that in your headerinclude area as well... but I figured you would know that if you got this far in the thread.

[irn-bru]

I seem to have a problem with a nother bit of java scrip I have on the forum home page and portal page.

When I roll over the forum button the other jave script drop down menu jumps about and the roll over image gives a no show ie a red x.

Here is the drop down java script I am useing.....

<script language="JavaScript" type="text/JavaScript">
<!--
function MM_jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
//-->
</script>

<select name="Quick Links" onChange="MM_jumpMenu('parent',this,0)">
<option value="index.php?s=$session[sessionhash]">Quick Links</option>
<option value="index.php?s=$session[sessionhash]">----------------</option>
<option value="vbstats.php?s=$session[sessionhash]">Statistics</option>
<option value="memberlist.php?s=$session[sessionhash]&action=viewgallery">Gallery</option>
<option value="memberlist.php?s=$session[sessionhash]&action=avatar">Avatars</option></select></smallfont>

[irn-bru]

This rollover scripts seems to be causeing problems with other java script in vbulletin.

Like the pm pop up,search ect ect. I wonder if any one has addressed this or is it just me?

[gmarik]

demo wanted

[Dean C]

It's just a rollover. You rollover your image and it changes to another image.

[irn-bru]

demo wanted

yeah its just a rollover..I have top button rollovers that change...but if you keep your mouse on it it will give a error as yet the problem has not been fixed as I seem to be the only one that is useing this template rollover script.

[Dean C]

Well the script over at www.javascript.com works better. This is just an intigration of an existings script I found :)