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.

Why is my Hover Over Code not working?

View previous topic View next topic Go down

Solved Why is my Hover Over Code not working?

Post by Zed is Not Dead on September 14th 2015, 5:08 pm

So I can't figure it out I think I did everything correctly so why isn't it working?

Code:
<img id="showperson" src="http://i.imgur.com/8WuV5qD.png" style="border: 1px solid black; width: 290px; height: 262px;" align="middle" border="1" /> <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",
‘Bacon',
'http://i.imgur.com/D4yVP3i.png',
‘Ryoshi',
'http://i.imgur.com/flj5bey.png',
’Fujin',
'http://i.imgur.com/leFLjPL.png',
’Sora',
'http://i.imgur.com/fK0n9Od.png',
‘Zed',
'http://i.imgur.com/9CkDRBq.png',
‘Mizuko',
'http://i.imgur.com/vPAqMW9.png',
‘Kosovo',
'http://i.imgur.com/pQMO0bt.png',
‘Ean',
'http://i.imgur.com/SlNsIKY.png',
’Sun',
'http://i.imgur.com/FzUVJXl.png');
//
</script>
<div align="center">
   <img src="http://i.imgur.com/TRXTy4r.png" />
</div>
   
<div align="center">
   <a href="http://fairytailonline-rp.forumotion.com/u1" onmouseover="swap(this,'showperson','Bacon')"><img src="http://i.imgur.com/hERepgP.png" style="border: 0px White solid; height: 71px; width: 75px;" alt="Owner" border="1" /></a>
</div>
 
<div align="center">
                           <img src="http://i.imgur.com/qmWo70a.png" />
</div>
 
<div align="center">
    <a href="http://fairytailonline-rp.forumotion.com/u19" onmouseover="swap(this,'showperson','Ryoshi')"><img src="http://i.imgur.com/8cKj49r.png" style="border: 0px White solid; height: 71px; width: 75px;" alt="Head Admin" border="1" /></a>  <a href="http://fairytailonline-rp.forumotion.com/u21" onmouseover="swap(this,'showperson','Fujin')"><img src="http://i.imgur.com/spEUadS.png" style="border: 0px White solid; height: 71px; width: 75px;" alt="Admin" border="1" /></a>  <a href="http://fairytailonline-rp.forumotion.com/u5" onmouseover="swap(this,'showperson','Sora')"><img src="http://i.imgur.com/lCkQ8Y7.png" style="border: 0px White solid; height: 71px; width: 75px;" alt="Admin" border="1" /></a>  <a href="http://fairytailonline-rp.forumotion.com/u27" onmouseover="swap(this,'showperson','Zed')"><img src="http://i.imgur.com/GH77H3j.png" style="border: 0px White solid; height: 71px; width: 75px;" alt="Admin-Coder-Designer" border="1" /></a>  <a href="http://fairytailonline-rp.forumotion.com/u23" onmouseover="swap(this,'showperson','Mizuko')"><img src="http://i.imgur.com/SHRSmkx.png" style="border: 0px White solid; height: 71px; width: 75px;" alt="Admin-Coder-Designer2" border="1" /></a>
</div>
 
<div align="center">
                     <img src="http://i.imgur.com/Al93sf3.png" />
</div>
 
<div align="center">
    <a href="http://fairytailonline-rp.forumotion.com/u16" onmouseover="swap(this,'showperson','Kosovo')"><img src="http://i.imgur.com/KaGw7oj.png" style="border: 0px White solid; height: 71px; width: 75px;" alt="Head Moderator" border="1" /></a>
</div>
 
<div align="center">
                     <img src="http://i.imgur.com/ftk2KId.png" />
</div>
 
<div align="center">
    <a href="http://fairytailonline-rp.forumotion.com/u9" onmouseover="swap(this,'showperson','Ean')"><img src="http://i.imgur.com/eVz3txJ.png" style="border: 0px White solid; height: 71px; width: 75px;" alt="Development-Team" border="1" /></a>  <a href="http://fairytailonline-rp.forumotion.com/u25" onmouseover="swap(this,'showperson','Sun')"><img src="http://i.imgur.com/vt0w8EX.png" style="border: 0px White solid; height: 71px; width: 75px;" alt="Development-Team" border="1" /></a>
</div>
avatar
Zed is Not Dead
Forumember

Posts : 257
Reputation : 27
Language : English

http://naruto-ld.forumotion.com/

Back to top Go down

Solved Re: Why is my Hover Over Code not working?

Post by SLGray on September 15th 2015, 2:08 am

Where are you adding this code?


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 40177
Reputation : 2714
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Why is my Hover Over Code not working?

Post by Zed is Not Dead on September 15th 2015, 5:41 am

The widget
avatar
Zed is Not Dead
Forumember

Posts : 257
Reputation : 27
Language : English

http://naruto-ld.forumotion.com/

Back to top Go down

Solved Re: Why is my Hover Over Code not working?

Post by SLGray on September 15th 2015, 6:42 am

Could you post the link where you see this?


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 40177
Reputation : 2714
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Why is my Hover Over Code not working?

Post by Zed is Not Dead on September 15th 2015, 6:42 am

avatar
Zed is Not Dead
Forumember

Posts : 257
Reputation : 27
Language : English

http://naruto-ld.forumotion.com/

Back to top Go down

Solved Re: Why is my Hover Over Code not working?

Post by SLGray on September 15th 2015, 6:45 am

I do not see that widget on that forum.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 40177
Reputation : 2714
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Why is my Hover Over Code not working?

Post by Zed is Not Dead on September 15th 2015, 6:48 am

hover your mouse to the left the widget is there.
avatar
Zed is Not Dead
Forumember

Posts : 257
Reputation : 27
Language : English

http://naruto-ld.forumotion.com/

Back to top Go down

Solved Re: Why is my Hover Over Code not working?

Post by SLGray on September 15th 2015, 6:52 am

So what hover effect is not working?


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 40177
Reputation : 2714
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Why is my Hover Over Code not working?

Post by Zed is Not Dead on September 15th 2015, 7:20 am

when hovering over the icons the main image that says Staff list should turn into another picture based on the picture icon I.E hover over this image or Icon



In place of Staff List should be this

avatar
Zed is Not Dead
Forumember

Posts : 257
Reputation : 27
Language : English

http://naruto-ld.forumotion.com/

Back to top Go down

Solved Re: Why is my Hover Over Code not working?

Post by Ange Tuteur on September 15th 2015, 10:19 am

Hey Zed,

On the names you had the wrong type of quote before. It should be the same type of quote to start and end a string. e.g. 'string' but in your case it was string'

Here's the fixed code :
Code:
<img id="showperson" src="http://i.imgur.com/8WuV5qD.png" style="border: 1px solid black; width: 290px; height: 262px;" align="middle" border="1" /> <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",
'Bacon',
'http://i.imgur.com/D4yVP3i.png',
'Ryoshi',
'http://i.imgur.com/flj5bey.png',
'Fujin',
'http://i.imgur.com/leFLjPL.png',
'Sora',
'http://i.imgur.com/fK0n9Od.png',
'Zed',
'http://i.imgur.com/9CkDRBq.png',
'Mizuko',
'http://i.imgur.com/vPAqMW9.png',
'Kosovo',
'http://i.imgur.com/pQMO0bt.png',
'Ean',
'http://i.imgur.com/SlNsIKY.png',
'Sun',
'http://i.imgur.com/FzUVJXl.png');
//
</script>
<div align="center">
  <img src="http://i.imgur.com/TRXTy4r.png" />
</div>
   
<div align="center">
  <a href="http://fairytailonline-rp.forumotion.com/u1" onmouseover="swap(this,'showperson','Bacon')"><img src="http://i.imgur.com/hERepgP.png" style="border: 0px White solid; height: 71px; width: 75px;" alt="Owner" border="1" /></a>
</div>
 
<div align="center">
                          <img src="http://i.imgur.com/qmWo70a.png" />
</div>
 
<div align="center">
    <a href="http://fairytailonline-rp.forumotion.com/u19" onmouseover="swap(this,'showperson','Ryoshi')"><img src="http://i.imgur.com/8cKj49r.png" style="border: 0px White solid; height: 71px; width: 75px;" alt="Head Admin" border="1" /></a>  <a href="http://fairytailonline-rp.forumotion.com/u21" onmouseover="swap(this,'showperson','Fujin')"><img src="http://i.imgur.com/spEUadS.png" style="border: 0px White solid; height: 71px; width: 75px;" alt="Admin" border="1" /></a>  <a href="http://fairytailonline-rp.forumotion.com/u5" onmouseover="swap(this,'showperson','Sora')"><img src="http://i.imgur.com/lCkQ8Y7.png" style="border: 0px White solid; height: 71px; width: 75px;" alt="Admin" border="1" /></a>  <a href="http://fairytailonline-rp.forumotion.com/u27" onmouseover="swap(this,'showperson','Zed')"><img src="http://i.imgur.com/GH77H3j.png" style="border: 0px White solid; height: 71px; width: 75px;" alt="Admin-Coder-Designer" border="1" /></a>  <a href="http://fairytailonline-rp.forumotion.com/u23" onmouseover="swap(this,'showperson','Mizuko')"><img src="http://i.imgur.com/SHRSmkx.png" style="border: 0px White solid; height: 71px; width: 75px;" alt="Admin-Coder-Designer2" border="1" /></a>
</div>
 
<div align="center">
                    <img src="http://i.imgur.com/Al93sf3.png" />
</div>
 
<div align="center">
    <a href="http://fairytailonline-rp.forumotion.com/u16" onmouseover="swap(this,'showperson','Kosovo')"><img src="http://i.imgur.com/KaGw7oj.png" style="border: 0px White solid; height: 71px; width: 75px;" alt="Head Moderator" border="1" /></a>
</div>
 
<div align="center">
                    <img src="http://i.imgur.com/ftk2KId.png" />
</div>
 
<div align="center">
    <a href="http://fairytailonline-rp.forumotion.com/u9" onmouseover="swap(this,'showperson','Ean')"><img src="http://i.imgur.com/eVz3txJ.png" style="border: 0px White solid; height: 71px; width: 75px;" alt="Development-Team" border="1" /></a>  <a href="http://fairytailonline-rp.forumotion.com/u25" onmouseover="swap(this,'showperson','Sun')"><img src="http://i.imgur.com/vt0w8EX.png" style="border: 0px White solid; height: 71px; width: 75px;" alt="Development-Team" border="1" /></a>
</div>
avatar
Ange Tuteur
Forumaster

Male Posts : 13175
Reputation : 2876
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Why is my Hover Over Code not working?

Post by Zed is Not Dead on September 15th 2015, 1:13 pm

THANK YOU!
avatar
Zed is Not Dead
Forumember

Posts : 257
Reputation : 27
Language : English

http://naruto-ld.forumotion.com/

Back to top Go down

Solved Re: Why is my Hover Over Code not working?

Post by Ange Tuteur on September 15th 2015, 7:56 pm

You're welcome. Smile

Topic archived

Have a nice day. ^^
avatar
Ange Tuteur
Forumaster

Male Posts : 13175
Reputation : 2876
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

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