14 {{ upvoteCount | shortNum }}
14 {{ upvoteCount | shortNum }}

Hover over via HTML

by aluriilol
12 replies
  • WEB DESIGN
    • |
Hmm, I just can't seem to find it on the web. Didn't look too long but I did find this forum on the way. Basically I want to know if there's a quick way to add an image to go over another image when you hover over it with your mouse.

It's essentially a series of buttons that have a title such as "Car Lifts" or "Tire Changers" and I want to make it more apparent that the image is actually a link. Hoping that scrolling over it to make it become darker and give it an embossed look via photoshop will further make it clear that it's a clickable pic.

Don't wanna go back to text, the image makes it look clean.. I'm new here so please inform me if this post is lacking enough info!

Thanks all
#hover #html
  • Profile picture of the author adsassist
    I'm sorry to see your not getting your answer.

    I personally don't know the answer to your question.

    I can tell you to go to this forum WebDeveloper.com

    Great forum for all your technical needs.

    Good luck
    Signature
    Save Energy With Alternative Energy Today
    Alternative Energy Products At The Lowest Price
    Alternative Energy Today
    {{ DiscussionBoard.errors[6429003].message }}
    • Profile picture of the author aluriilol
      Originally Posted by adsassist View Post

      I'm sorry to see your not getting your answer.

      I personally don't know the answer to your question.

      I can tell you to go to this forum

      Great forum for all your technical needs.

      Good luck
      Alright thank you! I will go there!
      {{ DiscussionBoard.errors[6429046].message }}
      • Profile picture of the author sean3838
        <img src="pathtoimage" alt="" onmouseover="this.src='pathtoimage'" onmouseout="this.src='pathtoimage'">
        {{ DiscussionBoard.errors[6429344].message }}
  • Profile picture of the author OldLodgeSkins
    One way to do it is what Sean has said except that of course, for SEO purposes, you must fill the "alt" attribute.
    But it's best to avoid using JavaScript when you can. It can be done in CSS directly: Pure CSS Image Hover | Kyle Schaeffer - Web Design and SharePoint Branding

    Seb.
    Signature
    Do you use Facebook ? Then you can make money just by inviting people to a Facebook group ! It's called the Instant Income System. How cool is that?
    {{ DiscussionBoard.errors[6429365].message }}
    • Profile picture of the author sean3838
      Originally Posted by OldLodgeSkins View Post

      One whay to do it is what Sean has said except that of course, for SEO purposes, you must fill the "alt" attribute.
      But it's best to avoid using JavaScript when you can. It can be done in CSS directly: Pure CSS Image Hover | Kyle Schaeffer - Web Design and SharePoint Branding

      Seb.
      OldLodge is right you should avoid my way if you can, but sometimes it is necessary to use JavaScript. I don't know your situation and I guess I just assumed you knew how to do it via CSS so I posted the JavaScript for it.
      {{ DiscussionBoard.errors[6429422].message }}
    • Profile picture of the author aluriilol
      Originally Posted by sean3838 View Post

      <img src="pathtoimage" alt="" onmouseover="this.src='pathtoimage'" onmouseout="this.src='pathtoimage'">
      Thank you!

      Originally Posted by OldLodgeSkins View Post

      One whay to do it is what Sean has said except that of course, for SEO purposes, you must fill the "alt" attribute.
      But it's best to avoid using JavaScript when you can. It can be done in CSS directly:

      Seb.
      Also thank you! /thread! I'll probably do the css later on because the way I understand it is I'm going to have to write a different code for each image, where as the java code I can just paste in the image path to each copy paste of the above code. The java will probably be put up and I'll work on the css for the future. Thanks again all!
      {{ DiscussionBoard.errors[6429602].message }}
  • Profile picture of the author aluriilol
    Out of curiousity, the alt tags for java count the same as if I did an alt tag for the css right? The SEO benefits for css are because it's cleaner and most bots don't crawl java right?
    {{ DiscussionBoard.errors[6429805].message }}
  • Profile picture of the author OldLodgeSkins
    Some of your visitors may also have JavaScript disabled.
    Also, you're confusing Java and JavaScript, these are two different languages with different uses.
    Signature
    Do you use Facebook ? Then you can make money just by inviting people to a Facebook group ! It's called the Instant Income System. How cool is that?
    {{ DiscussionBoard.errors[6429898].message }}
    • Profile picture of the author aluriilol
      Originally Posted by OldLodgeSkins View Post

      Some of your visitors may also have JavaScript disabled.
      Also, you're confusing Java and JavaScript, these are two different languages with different uses.
      Ahh I seeee. I need to brush up on jargon, I have learned everything from experience no classes! So SEO-wise it's the same but functionality-wise people may have JavaScript disabled. Gotcha! I am on the right track there right?
      {{ DiscussionBoard.errors[6429931].message }}
      • Profile picture of the author Brandon Tanner
        Originally Posted by aluriilol View Post

        Ahh I seeee. I need to brush up on jargon, I have learned everything from experience no classes! So SEO-wise it's the same but functionality-wise people may have JavaScript disabled. Gotcha! I am on the right track there right?
        Correct. A small percentage of your website visitors will have Javascript disabled, so for them it would not work at all. But if you use the CSS version, it will work 100% of the time.
        Signature

        {{ DiscussionBoard.errors[6430281].message }}
        • Profile picture of the author aluriilol
          Thanks mr. Tanner! Learning something new every day
          {{ DiscussionBoard.errors[6430328].message }}
  • Profile picture of the author OldLodgeSkins
    We all do
    Signature
    Do you use Facebook ? Then you can make money just by inviting people to a Facebook group ! It's called the Instant Income System. How cool is that?
    {{ DiscussionBoard.errors[6430369].message }}

Trending Topics