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.