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.

Image Rollover Help

View previous topic View next topic Go down

Solved Image Rollover Help

Post by itachi uchiha on Sat 22 Feb - 9:47

Hello. Well i have the codings for my rollover widget but for some reason the image isnt changing over? could someone help me and tell me what is wrong?

Link to the site:http://www.narutonexusrp.com/forum

itachi uchiha
Forumember

Male Posts : 134
Reputation : 1
Language : English
Location : New Zealand

http://www.narutonexusrp.com/forum

Back to top Go down

Solved Re: Image Rollover Help

Post by Luffy on Sat 22 Feb - 13:10

What images you want to roll? can you show us with an image?






Luffy
Manager
Manager

Male Posts : 4248
Reputation : 424
Language : Greek, English
Location : Greece

http://helpgr.forumgreek.com/forum

Back to top Go down

Solved Re: Image Rollover Help

Post by itachi uchiha on Sun 23 Feb - 13:32

Im trying to post the coding that i have for it but its not showing up in my post? how do i post my coding?

itachi uchiha
Forumember

Male Posts : 134
Reputation : 1
Language : English
Location : New Zealand

http://www.narutonexusrp.com/forum

Back to top Go down

Solved Re: Image Rollover Help

Post by Luffy on Sun 23 Feb - 14:38

I want to see an image of the rolling image you say. Because i see a lot of images and i don't know which one you are talking about.






Luffy
Manager
Manager

Male Posts : 4248
Reputation : 424
Language : Greek, English
Location : Greece

http://helpgr.forumgreek.com/forum

Back to top Go down

Solved Re: Image Rollover Help

Post by Pizza Boi on Sun 23 Feb - 17:00

@itachi uchiha wrote:Im trying to post the coding that i have for it but its not showing up in my post? how do i post my coding?
Hi Very Happy

Try putting them in [code] please so we can see Very Happy!

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: Image Rollover Help

Post by itachi uchiha on Mon 24 Feb - 10:36

Code:
<img id="showperson" src="http://i57.servimg.com/u/f57/17/32/03/22/hover11.png" align="middle" border="0px" /> <br /><a href="http://www.narutonexusrp.com/u1" onmouseover="swap(this,'showperson','Sato')"><img src="http://i57.servimg.com/u/f57/17/32/03/22/sato110.png" alt="Owner" border="0" /></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><br /> <script type="text/javascript">
setswap("showperson",
'Sato', 'http://i57.servimg.com/u/f57/17/32/03/22/sato11.png');
//
</script>

itachi uchiha
Forumember

Male Posts : 134
Reputation : 1
Language : English
Location : New Zealand

http://www.narutonexusrp.com/forum

Back to top Go down

Solved Re: Image Rollover Help

Post by Pizza Boi on Mon 24 Feb - 15:57

Hi Very Happy

In all honesty, the code is a bit messy to read. I think I saw this in a topic before, do you mind linking me to a topic this code was taken from?

Also, you might want to play around with some of the names like the imgNAME thing for better ID's if it was.

Sorry... the code's really messy for me to understand clearly x.x.

Though, if my brain's right, I think the code should be separated into at least another image and then have it in one source and your arrangement is wrong.

Hope you can find the topic!

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: Image Rollover Help

Post by itachi uchiha on Mon 3 Mar - 14:08

S O L V E D

itachi uchiha
Forumember

Male Posts : 134
Reputation : 1
Language : English
Location : New Zealand

http://www.narutonexusrp.com/forum

Back to top Go down

Solved Re: Image Rollover Help

Post by SLGray on Mon 3 Mar - 19:49

@itachi uchiha wrote:S O L V E D
Please don't use bold or color and keep to the default text. This is reserved for the staff for moderation.


Problem solved & topic archived.


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


SLGray
Administrator
Administrator

Male Posts : 36705
Reputation : 2445
Language : English
Location : United States

http://ztwds.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