Hover over Image Widget
3 posters
Page 1 of 1
Hover over Image Widget
For some reason, my over over image for staff widget isn't working. Please, can someone fix it? Idk what happened. It seemed to be working until I added in people.
- Code:
<img src="http://th1230.photobucket.com/albums/ee484/BluHeart91/Fairy%20Tail/th_FairyTail500x130.png"></img>
<center>
<br><br><img src="http://s13.postimg.org/a159hig5j/Staff_pic.png" name="showperson" align="middle" border="0px" height="204px" width="154px">
<font size="2"><br></font><br>
ADMINS
<br>
<a href="http://ft-rebirth.forumotion.com/u1" title="OWNER/HEAD ADMIN" onmouseover="swap(this,'showperson','Tobi')"><img src="http://images3.wikia.nocookie.net/__cb20120530021832/fairytail/images/thumb/4/42/Happy_Chibi.png/35px-Happy_Chibi.png"></img></a>
<a href="blah" title="Admin" onmouseover="swap(this,'showperson','Mewtwo')"><img src="http://images3.wikia.nocookie.net/__cb20120530021832/fairytail/images/thumb/4/42/Happy_Chibi.png/35px-Happy_Chibi.png"></img></a>
<a href="blah" title="Admin" onmouseover="swap(this,'showperson','Miki')"><img src="http://images3.wikia.nocookie.net/__cb20120530021832/fairytail/images/thumb/4/42/Happy_Chibi.png/35px-Happy_Chibi.png"></img></a>
<a href="blah" title="Admin" onmouseover="swap(this,'showperson','Marco')"><img src="http://images3.wikia.nocookie.net/__cb20120530021832/fairytail/images/thumb/4/42/Happy_Chibi.png/35px-Happy_Chibi.png"></img></a>
<a href="blah" title="Admin" onmouseover="swap(this,'showperson','Drake')"><img src="http://images3.wikia.nocookie.net/__cb20120530021832/fairytail/images/thumb/4/42/Happy_Chibi.png/35px-Happy_Chibi.png"></img></a>
<br>
MODERATORS
<br>
<a href="blah" title="Moderator" onmouseover="swap(this,'showperson','Kimi')"><img src="http://images1.wikia.nocookie.net/__cb20120422105748/fairytail/images/0/0b/Le_Plue.png"></img></a>
<a href="blah" title="Moderator" onmouseover="swap(this,'showperson','Shiro')"><img src="http://images1.wikia.nocookie.net/__cb20120422105748/fairytail/images/0/0b/Le_Plue.png"></img></a>
<a href="blah" title="Moderator" onmouseover="swap(this,'showperson','Ganz')"><img src="http://images1.wikia.nocookie.net/__cb20120422105748/fairytail/images/0/0b/Le_Plue.png"></img></a>
<a href="blah" title="Moderator" onmouseover="swap(this,'showperson','Slade')"><img src="http://images1.wikia.nocookie.net/__cb20120422105748/fairytail/images/0/0b/Le_Plue.png"></img></a>
<a href="blah" title="Moderator" onmouseover="swap(this,'showperson','Kyll')"><img src="http://images1.wikia.nocookie.net/__cb20120422105748/fairytail/images/0/0b/Le_Plue.png"></img></a>
<br>
<script type="text/javascript">
// copyright 1998 Idocs, Inc. http://www.idocs.com/tags/
// Distribute this script freely, but please keep this
// notice with the code.
// var image information object
var mloi=new Object();
// set the image for swapping
function setswap()
{
if (! document.images)return;
var imgInfo=new Object();
imgInfo.defaultImg = new Image();
imgInfo.defaultImg.src = document.images[arguments[0]].src;
imgInfo.opts = new Object();
for (var i=1; i < arguments.length; i=i+2)
{
imgInfo.opts[arguments[i]]=new Image();
imgInfo.opts[arguments[i]].src = arguments[i+1];
}
mloi[arguments[0]] = imgInfo;
}
// set up the link for swapping
function swap(link,imgName,optName)
{
if (! document.images)return;
if (! link.swapReady)
{
link.imgName = imgName;
link.onmouseout = swapBack;
link.swapReady = true;
}
document.images[imgName].src=mloi[imgName].opts[optName].src;
}
function swapBack()
{document.images[this.imgName].src=mloi[this.imgName].defaultImg.src}
//
</script>
<script type="text/javascript">
setswap("showperson",
'Tobi', 'http://s10.postimg.org/5vdv57ud5/Tobi_pic.png',
'Mewtwo', 'http://s10.postimg.org/741qqumbd/Mewtwo_pic.png',
'Miki', 'http://s10.postimg.org/tl3atwsqh/Miki.png',
'Drake', 'http://s10.postimg.org/3uiq6n8u1/Drake_pic.png',
'Marco', 'http://s10.postimg.org/5stzidqpl/Marco_pic.png'
'Kimi', 'http://s10.postimg.org/uebb8s9dl/Kimi_pic.png',
'Ganz', 'http://s10.postimg.org/wlfjwpent/Ganz_pic.png',
'Shiro', 'http://s10.postimg.org/aq7k3hsop/Shiro_pic.png',
'Slade', 'http://s10.postimg.org/m1a7ruzjt/Slade_pic.png',
'Kyll', 'http://s10.postimg.org/3uiq6n8u1/Drake_pic.png'
);
//
</script></center><br>
Mewtwo- New Member
- Posts : 2
Reputation : 1
Language : English
Mewtwo- New Member
- Posts : 2
Reputation : 1
Language : English
Re: Hover over Image Widget
IT seems to be working ok for me.
when you click on the little blue images it changes the pic to different staff members, the only thing i would do is have a different image for each one of them blue things.
Not sure what they are called what ever the name of the Pokémon character is?
when you click on the little blue images it changes the pic to different staff members, the only thing i would do is have a different image for each one of them blue things.
Not sure what they are called what ever the name of the Pokémon character is?
kirk- Forumaster
- Posts : 11037
Reputation : 653
Language : English,Vulcan,Klingon, Romulan,& Gorn
Similar topics
» Show Image On Mouse Hover Over Image Link
» hover over image
» Hover over widget modules
» Changing hover Image.
» How to add more hover image?
» hover over image
» Hover over widget modules
» Changing hover Image.
» How to add more hover image?
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum