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