Re: DHTML Opacity Filter Effect

by "Matthew Ohlman" <matthew(at)ohlman.com>

 Date:  Tue, 3 Sep 2002 18:00:24 -0500
 To:  "HWG Languages" <hwg-languages(at)hwg.org>
 References:  MATTHEWLAPTOP
  todo: View Thread, Original
Hi list. I actaully got my problem fixed. I was just overlooking something
when I put 3 javascript functions. Thanks!!

Matthew
--
Matthew Ohlman
http://www.ohlman.com/
Professional, Affordable web pages
Reply to: matthew(at)ohlman.com
Business: ohlman(at)ohlman.com
"There's a difference between Philosophy and a bumper sticker"
  Charles Schultz



----- Original Message -----
From: "Matthew Ohlman" <matthew(at)ohlman.com>
To: "HWG Languages" <hwg-languages(at)hwg.org>
Sent: Tuesday, September 03, 2002 4:12 PM
Subject: DHTML Opacity Filter Effect


> Hello List. I am re-designing my site in CSS. At the top, I have three
> Navigation Buttons (that are images), that I want to use the DHTML Opacity
> Filter on. It is working great, except I can only get one of the images to
> display the effect. Is there any way that I can change the code to where I
> can set it up for all three? Here is my Javascript code:
>
> ---START CODE---
> <.script language="text/javascript">
> function clean()
> {
> interval=setInterval("makeclean(prices)",15)
> }
>
> function foggy()
> {
> clearInterval(interval)
> prices.filters.alpha.opacity=10
> }
>
> function makeclean()
> {
> if (prices.filters.alpha.opacity<100)
>  {
>  prices.filters.alpha.opacity+=5
>  }
> else if (window.interval)
>  {
>  clearInterval(prices)
>  }
> }
> </script>
> -----END CODE-----
>
> And then in my CSS, I have the following:
> ----
> img.nav
> {
>   filter:alpha(opacity=10)
> }
> ----
> Then, in my HTML, it looks like this:
> ---
> <.img src="images/prices.gif" id="prices" alt="prices" class="nav"
> onmouseover="clean()" onmouseout="foggy()" />
> --- (x3 for the different images)
>
> I did try to make a different function for all of them, but it I couldn't
> get that to work (Example, foggyone, foggytwo).
> Any help on this matter would be greatly appreciated!!
>
>
> Matthew
> --
> Matthew Ohlman
> http://www.ohlman.com/
> Professional, Affordable web pages
> Reply to: matthew(at)ohlman.com
> Business: ohlman(at)ohlman.com
> "There's a difference between Philosophy and a bumper sticker"
>   Charles Schultz
>
>
>
>

HWG: hwg-languages mailing list archives, maintained by Webmasters @ IWA

This page is part of a preserved archive of archives.hwg.org. The site is no longer active and its content is not maintained. For enquiries about this archive, write to archive(at)iwanet.org.