image roll over

Post by **dragoth** » 18 Apr 2010, 21:04

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]

Post by **dragoth** » 19 Apr 2010, 17:20

well if you have a better way on making this plz post and make the bbcode better

Post by **Stoker** » 19 Apr 2010, 18:06

Looks nice.
I have seen it before, but that might have been at the old site.

Post by **dragoth** » 20 Apr 2010, 17:28

i dont know i haven't see it for forums so i was like why not

Post by **Stoker** » 28 Apr 2010, 22:08

Looks fine

PhpBB3 BBCodes

image roll over

image roll over

Re: image roll over

Re: image roll over

Re: image roll over

Re: image roll over