Hover over Image Widget Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skinReturn to the skin page

The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.
3 posters

    Hover over Image Widget

    avatar
    Mewtwo
    New Member


    Posts : 2
    Reputation : 1
    Language : English

    Hover over Image Widget Empty Hover over Image Widget

    Post by Mewtwo 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>
    Codyy
    Codyy
    Active Poster


    Male Posts : 1032
    Reputation : 16
    Language : English
    Location : Florida

    Hover over Image Widget Empty Re: Hover over Image Widget

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

    Hey Mewtwo,

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

    Codyy
    avatar
    Mewtwo
    New Member


    Posts : 2
    Reputation : 1
    Language : English

    Hover over Image Widget Empty Re: Hover over Image Widget

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

    kirk
    kirk
    Forumaster


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

    Hover over Image Widget Empty Re: Hover over Image Widget

    Post by kirk 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?