Image Opacity - How To IE 5.5 +

Cool Tips & Tricks	Help Communities:

<< Prev Topic | Next Topic >>

Cool Tips & Tricks ::: Graphics FAQ ::: Image Opacity - How To IE 5.5 +

Topic: Image Opacity - How To IE 5.5 +

(?)

Boxed Milkdud

Registered User
ezSupporter
Posts: 39

Posted: 8/7/03 9:49 pm
Image Opacity - How To IE 5.5 +

On how many sites have you seen people have "affiliate" buttons on their site that are somewhat see through, then when you mouseover them they become very bright and clear as they would normally appear without an opacity script?

Well, I think it's time that I should tell you how to do it.

HTML & CSS
You can do this in HTML and CSS if you would like to by simply adding this in place of you current image, or new image if you didn't have on prior.

   <img style="filter:alpha(opacity=xx)" src="http://www.yourimage.gif">

xx being the number you want 0-100 ...

JavaScript

You do this in JavaSscript also if you'd like too. Simply use this one.

  <img style=filter:alpha(opacity=xx) onMouseOut=this.filters:alpha.opacity=xx
onMouseOver=this.filters:alpha.opacity=xx
src=http://www.yourimage.gif>

onMouseOver, is when you move the mouse cursor over the image
onMouseOut, is when you move the mouse cursor off the image

xx can be any number 0-100

0 is invisible
100 is normal

Edited by: Nutrocker at: 8/8/03 2:57 pm

::: Topic Commands

<< Prev Topic | Next Topic >>

Icon Legend

:::Reply to Post Button

:::Edit Post Button

:::Delete Post Button (Moderator Only)

:::Subscribe to Thread Button

:::Email to Friend Button

- Cool Tips & Tricks - Graphics FAQ -

ezboard Help Communities:

Help Forums Bug Base