7 {{ upvoteCount | shortNum }}
7 {{ upvoteCount | shortNum }}

Image roll over code?

by ReikiGirl
6 replies
On my current website - I was hoping to just copy the code I have in the html into a post on wordpress - I did, and it half way works.

The thumbnails all show up (5 in a row), and all link to the larger image, but before when you rolled over the image - the larger photo showed.

Maybe it's because the script tag is in the body of the post?

<script src="http://www.reikigirlsite/_profiles/tooltip.js" type="text/javascript"></script>

Should that be in the actual head of the page? And if so, how do I get it there?

If there is a better way to do it, let me know that too. I do like it this way though.
#code #image #roll
  • Profile picture of the author theIMgeek
    There is a handy plugin called HiFi (Head Infection, Foot Injection) that will let you add code to the <HEAD> section of any individual post or page when you need to do things like this.

    It just adds a text box to your page editing control where you can drop in the needed code.

    -Ryan
    Signature
    FREE WSO: Protect and Automatically Deliver Your Digital Products

    Ask the Internet Marketing Geek     <-- Happy to help with technical challenges
    MiniSiteMaker.org <-- Free software to make your mini-sites fast and easy
    {{ DiscussionBoard.errors[3687370].message }}
    • Profile picture of the author ReikiGirl
      Originally Posted by theIMgeek View Post

      There is a handy plugin called HiFi (Head Infection, Foot Injection) that will let you add code to the <HEAD> section of any individual post or page when you need to do things like this.

      It just adds a text box to your page editing control where you can drop in the needed code.

      -Ryan
      I love this plugin - it however still wont work even with the code in the head - so I need another solution!

      I appreciate the suggestion, and I'm sure I'll use it at some point Thank you.
      {{ DiscussionBoard.errors[3688103].message }}
  • Profile picture of the author theIMgeek
    I wonder if your tooltip.js script requires that either the jQuery or Prototype javascript libraries to be included on the page?

    -Ryan
    Signature
    FREE WSO: Protect and Automatically Deliver Your Digital Products

    Ask the Internet Marketing Geek     <-- Happy to help with technical challenges
    MiniSiteMaker.org <-- Free software to make your mini-sites fast and easy
    {{ DiscussionBoard.errors[3689553].message }}
    • Profile picture of the author ReikiGirl
      Originally Posted by theIMgeek View Post

      I wonder if your tooltip.js script requires that either the jQuery or Prototype javascript libraries to be included on the page?

      -Ryan

      Ryan I wish I knew what you were talking about. I still haven't found a solution. I copied the exact code from the site that's currently working, I put the tooltip stuff where it needed to be and pointed to it and nada.
      {{ DiscussionBoard.errors[3692881].message }}
  • Profile picture of the author oknoorap
    Why don't use css sprite,

    HTML Code:
    <style type="text/css">
a.myclass { background: url(image.png) no-repeat 0% 0%; display: block; width: 200px; height:20px; }
a.myclass:hover { background-position: 0% 100%; }
</style>
    like that
    Signature

    Just Web Developer.

    {{ DiscussionBoard.errors[3725742].message }}
    • Profile picture of the author ReikiGirl
      Originally Posted by oknoorap View Post

      Why don't use css sprite,

      HTML Code:
      <style type="text/css">
a.myclass { background: url(image.png) no-repeat 0% 0%; display: block; width: 200px; height:20px; }
a.myclass:hover { background-position: 0% 100%; }
</style>
      like that

      Oknoorap - can I use that in a page - like in the posting section? Or does it have to be in the code and not in the post part?
      {{ DiscussionBoard.errors[3726738].message }}

Trending Topics