
just sharing bro...

you can add this idea of another image when hovered...
example...
If you have 3 links([b]home, profile, and logout[/b]) create 2 images
for each one, one for the default image and one when hovered
or on mouseover... so 6 Images/Links all in all...
then add this js code and the image links... on top of profile
or inside the WVM tracker code after the sideboxes.
[quote]if (document.images)
{
image1 = new Image;
image2 = new Image;
image3 = new Image;
image4 = new Image;
image5 = new Image;
image6 = new Image;
image1.src = "DIRECT LINK OF [b]home[/b] IMAGE";
image2.src = "DIRECT LINK OF home second IMAGE";
image3.src = "DIRECT LINK OF [b]profile[/b] IMAGE";
image4.src = "DIRECT LINK OF profile second IMAGE";
image5.src = "DIRECT LINK OF [b]logout[/b] IMAGE";
image6.src = "DIRECT LINK OF logout second IMAGE";
}
function chgImg(name, image)
{
if (document.images)
{
document[name].src = eval(image+".src");
}
}[/quote]
put in...
[quote][b]//here[/b]
function onProfileLoad() {
//sidebox or other codes here
addBox("RIGHT","Viewers and Visitors",TRACKER.div.innerHTML,"tracker",null);
[b]}[/b]
[b]//or here after the clause...[/b]
if (typeof TRACKER == "undefined") { TRACKER = {}; }
//rest of tracker codes here[/quote]
then change your target links like this...
[quote]<a href=\"http://www.friendster.com/\" onMouseOver=\"chgImg('[color=red]home[/color]', 'image[b]2[/b]')\" onMouseOut=\"chgImg('[color=red]home[/color]', 'image[b]1[/b]')\" target='_self'><img name='[color=red]home[/color]' src=\"DIRECT LINK OF [b]home[/b] IMAGE\" border=\"0\"></a>
<a href=\"http://profiles.friendster.com/user.php\" onMouseOver=\"chgImg('[color=red]profile[/color]', 'image[b]4[/b]')\" onMouseOut=\"chgImg('[color=red]profile[/color]', 'image[b]3[/b]')\" target='_self'><img name='[color=red]profile[/color]' src=\"DIRECT LINK OF [b]profile[/b] IMAGE\" border=\"0\"></a>
<a href=\"http://www.friendster.com/logout.php\" onMouseOver=\"chgImg('[color=red]logout[/color]', 'image[b]6[/b]')\" onMouseOut=\"chgImg('[color=red]logout[/color]', 'image[b]5[/b]')\" target='_self'><img name='[color=red]logout[/color]' src=\"DIRECT LINK OF [b]logout[/b] IMAGE\" border=\"0\"></a>[/quote]
That's it!!

hope this would be useful...
Last edited by Refresh/Reload (2008-04-27 19:29:26)