Mouseover Buttons

Discussion in 'General Hardware' started by Alan, Dec 6, 2002.

  1. Alan

    Alan its only fun

    Messages:
    640
    Location:
    In a house
    Hi,

    Was wondering if someone could give me a point in the right direction.

    I have been working on a site for our Golf Society and have placed some buttons in it using the Frontpage Web Component extention, Hover button.

    The buttons look and work fine, but they seem to load funny.

    Is there another way of creating a mouseover effect that would make them load smoother?

    Here's the link to the site Poulton Vic's Website

    It would have to be step by step, as I have only used FP and thats just click and click and your done ;)

    Any help appreciated

    Alan
     
  2. MdSalih

    MdSalih The Boss

    Messages:
    1,730
    Location:
    Birmingham, UK
    look up a "preload image" script... or you could even do an 'onload' cmd in the <body> tag...

    in a bit on a rush atm.. else would have looked up a code for yah.

    MdSalih
     
  3. Herkalees

    Herkalees Guest

    I'm fairly good at this stuff, I checked out your website and the rollover buttons seem to be fine. They're a tad slow to load, but the factors behind that could be many, and hard to pin-point.

    Here is an example of what MdSalih mentioned (snipped from my own website)


    <body onLoad="MM_preloadImages('nav_images/fa_china_over.gif','nav_images/family_over.gif','nav_images/friends_over.gif',
    'nav_images/goal_over.gif','nav_images/toys_over.gif','nav_images/links_over.gif',
    'nav_images/contact_over.gif','nav_images/movies_over.gif','nav_images/main_over.gif')">

    --- web page stuff ---

    </body>



    P.S. Check out my website and see if my rollover buttons are any different than yours. Click on the WWW button below.
     
  4. Alan

    Alan its only fun

    Messages:
    640
    Location:
    In a house
    Hi Herkalees,

    I had a look at your site and your rollover buttons seem to load just fine.


    You say there a tad slow and there could be many factors, what sort of areas should I be looking at to try for a smoother loading?

    This is the code for the mouseover effect.
    <applet code="fphover.class" codebase="./" width="139" height="24">
    <param name="hovercolor" value="#0000FF">
    <param name="textcolor" value="#FFFFFF">
    <param name="color" value="#FFFFFF">
    <param name="effect" value="glow">
    <param name="image" valuetype="ref" value="Web%20Buttons/Clubhouse.gif">
    <param name="hoverimage" valuetype="ref" value="Web%20Buttons/Clubhousemo.gif">
    <param name="text" value>
    <param name="url" valuetype="ref" value="index.html">
    </applet>

    Is this Java?

    Is there another type of code I could use to make it smoother?

    The trouble is I have taken over from someone else, so basically the content is the same and I'm just trying to pretty things up
    This is the Old look

    As I said in my 1st post "It would have to be step by step, as I have only used FP and thats just click and click and your done"

    Thx Alan

    P.S. I like your site by the way :D
     
  5. Zedric

    Zedric NTFS Guru Folding Team

    Messages:
    4,006
    Location:
    Sweden
    Yes it's Java. I'd advice not to use it since:
    1. It's not necessary.
    2. Not all people have a Java plugin.

    I have some simple code for the Mouse-over somewhere. I'll look for it when I get home.
     
  6. jawshoouh

    jawshoouh Guest

    mouseover example code

    here's what i'm usin on my site. dreamweaver generated this automagically:

    <a href="useless/dtp1.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('dtps','','images/menu/dtps2.gif',1);MM_displayStatusMsg('desktop pictures');return document.MM_returnValue"><img name="dtps" border="0" src="images/menu/dtps1.gif" width="110" height="14"></a>

    - clicking the link takes you to useless/dtp1.html
    - it restores the default image (images/menu/dtps1.gif) on mouse-out
    - on mouseover, it swaps the default image with images/menu/dtps2.gif
    - on mouseover, it displays a status message of "desktop pictures"
    - for my own tracking purposes, the image name is "dtps"
    - the image itself has no border, the width and height specifications are the size of the image that's being swapped

    take a look here: www.jawshoouh.com
     
  7. Alan

    Alan its only fun

    Messages:
    640
    Location:
    In a house
    Well Guy's thx for all the help ;)

    I managed to sort it with a little programe call Mouseover button wizard
    Go to the link in my first post and you can see the results, much smoother and better loading. :D


    Thx again for the pointers

    Alan


    God bless Cut & Paste :D
     
  8. Zedric

    Zedric NTFS Guru Folding Team

    Messages:
    4,006
    Location:
    Sweden
    No offence but it doesn't work at all now. :)
    You messed up the url:s. Most of them point to "C:\Documents and Settings\..." which is dead wrong. It will work on your computer, but noone elses.
     
  9. Alan

    Alan its only fun

    Messages:
    640
    Location:
    In a house

    Hi Zedric,

    Thx for the heads up ;)

    I think I have now sorted it /me crosses fingers

    Probaly the longwinded way but hey there working now :)

    If I have gone about it the longwinded way, could you please point me in a better direction ;)

    Thx again

    Alan
     
  10. Zedric

    Zedric NTFS Guru Folding Team

    Messages:
    4,006
    Location:
    Sweden
    Yeah it works now. It still loads slow here (but it shouldn't so that's probably at my end). The Clubhouse image however doesn't have a link.
     
  11. Alan

    Alan its only fun

    Messages:
    640
    Location:
    In a house
    Thx for checking it out ;)


    The reason is I have removed all links to each page as you enter it, the link button is there but only for show on the page you are on..........would your advice be , to remove the relevant button for each page?


    Thx again for your help


    Alan
     
  12. Zedric

    Zedric NTFS Guru Folding Team

    Messages:
    4,006
    Location:
    Sweden
    Either that or mark it with a different image, like the rollover image. Just so it stands out. I didn't realize it was the page I was on. :)