The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Hover over Image Widget

View previous topic View next topic Go down

Hover over Image Widget

Post by Mewtwo on June 10th 2013, 3:13 am

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

Back to top Go down

Re: Hover over Image Widget

Post by Codyy on June 10th 2013, 3:15 am

Hey Mewtwo,

Could you please provide me with a link to your forum?

Codyy

Codyy
Active Poster

Male Posts : 1030
Reputation : 16
Language : English
Location : F L o R i D A

http://forumansion.net

Back to top Go down

Re: Hover over Image Widget

Post by Mewtwo on June 10th 2013, 3:15 am


Mewtwo
New Member

Posts : 2
Reputation : 1
Language : English

Back to top Go down

Re: Hover over Image Widget

Post by kirk on June 10th 2013, 6:33 am

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?

kirk
Forumaster

Male Posts : 11037
Reputation : 651
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum