Page 1 of 1

image roll over

Posted: 18 Apr 2010, 23:04
by dragoth
Image roll over
Author:im not going to take credit for it
Description: Well this one was simple as it says it once image then it on other when you hover over it with the cursor and it click-able once you add the link you want

BBCode:

Code: Select all

[imgro]{URL1} | {URL2} | {URL3} | {NUMBER1} | {NUMBER2}[/imgro]
HTML replacement:

Code: Select all

<html>
<head>
<script type="text/javascript">
function mouseOver()
{
document.getElementById("b1").src ="{URL1}";
}
function mouseOut()
{
document.getElementById("b1").src ="{URL2}";
}
</script>
</head>

<body>
<a href="{URL3}" target="_blank">
<img border="0" alt="" src="{URL2}" id="b1" width="{NUMBER1}" height="{NUMBER2}" onmouseover="mouseOver()" onmouseout="mouseOut()" /></a>
</body>
</html>
Help Line:

Code: Select all

[imgro]main image | roll over image | link to were ever | width of image | height or image[/imgro]
Example:

Code: Select all

[imgro]http://i139.photobucket.com/albums/q312/dragoth15/ripped%20icons/icontexto-inside-facebook.png| http://i139.photobucket.com/albums/q312/dragoth15/ripped%20icons/icontexto-inside-furl.png| http://google.com | 48 |48[/imgro]
Demo:
http://posttwopost.co.cc/page.php?p=cus ... d5f705c505
at the bottom of the page


[offtopic]side note will i haven't seen this one on here and i thought it be handy on here to other people[/offtopic]

Re: image roll over

Posted: 19 Apr 2010, 19:20
by dragoth
well if you have a better way on making this plz post and make the bbcode better

Re: image roll over

Posted: 19 Apr 2010, 20:06
by Stoker
Looks nice.
I have seen it before, but that might have been at the old site.

Re: image roll over

Posted: 20 Apr 2010, 19:28
by dragoth
i dont know i haven't see it for forums so i was like why not

Re: image roll over

Posted: 29 Apr 2010, 00:08
by Stoker
Looks fine :thumbsup: