Closed Thread Icon

Topic awaiting preservation: divs - opacity ~ (Page 1 of 1) Pages that link to <a href="http://ozoneasylum.com/backlink?for=7887" title="Pages that link to Topic awaiting preservation: divs - opacity ~ (Page 1 of 1)" rel="nofollow" >Topic awaiting preservation: divs - opacity ~ <span class="small">(Page 1 of 1)</span>\

 
zarathustrai
Neurotic (0) Inmate
Newly admitted

From: Cincinnati, OH, USA
Insane since: Oct 2001

posted posted 10-16-2001 02:21

anyone been able to effect the opacity of a colored div? allowing the content underneath to appear through? -like changing the opacity on an Adobe layer . . .

wanting a similar effect the .css 'on the fly' code gives, but by changing only a colored div atop the content rather than the style sheet.

would like to spend time with the style sheet method, yet have limited time for such enjoyment.

Emperor
Maniac (V) Mad Scientist with Finglongers

From: Cell 53, East Wing
Insane since: Jul 2001

posted posted 10-16-2001 02:42

zarathustrai: Welcome. Its not clear what you are asking. Yes it is possible to change the opacity of a DIV so you can see what is underneath. If you want to dynamically change the opacity this can also be done - if that is what you want.

Could you give an example of how it was going to be used?

Emps


You're my wife now Dave

Wakkos
Maniac (V) Mad Scientist

From: Azylum's Secret Lab
Insane since: Oct 2000

posted posted 10-16-2001 02:55

Well Emps, Thats what *I* want!!!!!!

What? Another topic? An Email? ICQ?

You just tell me!

mr.maX
Maniac (V) Mad Scientist

From: Belgrade, Serbia
Insane since: Sep 2000

posted posted 10-16-2001 11:13

This will work in IE & Mozilla:

<DIV STYLE="filter:alpha(opacity=50);-moz-opacity:50%;"></DIV>

You can also dynamically change opacity and I wrote two JS functions that can do that (you can get them from my web site).


Wakkos
Maniac (V) Mad Scientist

From: Azylum's Secret Lab
Insane since: Oct 2000

posted posted 10-16-2001 14:45

Yeah!, I got them from my fav section! The wallpapers!

mr.maX
Maniac (V) Mad Scientist

From: Belgrade, Serbia
Insane since: Sep 2000

posted posted 10-16-2001 22:03

This is a little bit off topic - Wakkos, I've just added three more wallpapers... Check them out!


Wakkos
Maniac (V) Mad Scientist

From: Azylum's Secret Lab
Insane since: Oct 2000

posted posted 10-16-2001 22:26

Ehemmm, that kind of stuff are never off-topic mr.maX!!

zarathustrai
Neurotic (0) Inmate
Newly admitted

From: Cincinnati, OH, USA
Insane since: Oct 2001

posted posted 10-17-2001 02:48

Great replies, guyz. Emperor - changing the alpha levels seems to be what was wanted. I thought it might be neat to change the hue of the entire page (pictures, text, etc) (without switching style sheets) by creating a semi-translucent div that sits atop - able then to change div's, thereby changing hues.

Max, couldn't find the js you noted about. did find many other *ahem* interesting pictures and such.

I'll work with the alpha filter, see what can be done.
thanKs

zarathustrai
Neurotic (0) Inmate
Newly admitted

From: Cincinnati, OH, USA
Insane since: Oct 2001

posted posted 10-17-2001 02:56

max, found the page
good stuff

Pugzly
Paranoid (IV) Inmate

From: 127.0.0.1
Insane since: Apr 2000

posted posted 10-17-2001 22:56

Max helped me with this one, which uses some different opacity settings: http://www.runningwolf.com/development/code/hide_divs.htm

Wakkos
Maniac (V) Mad Scientist

From: Azylum's Secret Lab
Insane since: Oct 2000

posted posted 10-18-2001 03:40

Pugzly, this link is to hide the layer, to change the visibility propierty, but nothing to do with opacity!

Wrong link?

zarathustrai
Neurotic (0) Inmate
Newly admitted

From: Cincinnati, OH, USA
Insane since: Oct 2001

posted posted 10-18-2001 17:38

The alpha filter plus Max's javascript works perfectly.
I put

onMouseOver="hideLayer('blue'); hideLayer('red'); hideLayer('orange'); showLayer('green');"

an so forth .. . into an image tag, then placed that same color image ('yourcolor.gif') with Max's

'STYLE="filter:alpha(opacity=45);-moz-opacity:45%;'

onto the appropriate div, allowing someone then to choose which hue they wish the content to take.
works rather well.
thanks max

mr.maX
Maniac (V) Mad Scientist

From: Belgrade, Serbia
Insane since: Sep 2000

posted posted 10-18-2001 17:38

Wakkos, if you take a closer look, you'll see that pages 5 & 7 are partially transparent (so, it's actually a combination of those two things - changing layer visibility and opacity settings)...




Wakkos
Maniac (V) Mad Scientist

From: Azylum's Secret Lab
Insane since: Oct 2000

posted posted 10-18-2001 17:52

Oh yes! Page 5 and 7!! I didn't see thet!!!
hehehe, Was oK Pugzly! sorry....

Pugzly
Paranoid (IV) Inmate

From: 127.0.0.1
Insane since: Apr 2000

posted posted 10-22-2001 17:08

My fault too, as I didn't mention which pages to check. Sorry - I was on my way out the door to vacation when I sent that.

Hope it helped someone.

Wakkos
Maniac (V) Mad Scientist

From: Azylum's Secret Lab
Insane since: Oct 2000

posted posted 07-16-2002 13:45

Working againg with this:

I use the mr.maX setOpacity and getOpacity functions, they work excelent.

But there's a way to make them work from anoter link?
I mean, if I make mouseover over a text, the image named"fulanito" or the layer named "sutanito" will get the opacity to 100%

I've been fighting with JS to do that, but I'm a total mess, and have nothing to show!

Thank you!

mr.maX
Maniac (V) Mad Scientist

From: Belgrade, Serbia
Insane since: Sep 2000

posted posted 07-16-2002 15:38

You can use the following code:

<A HREF="javascript:maxSetOpacity(document.getElementById('layerName'), 100);">CLICK HERE!!!</A>

BTW Note that you should use ID parameter to define names for images.


Wakkos
Maniac (V) Mad Scientist

From: Azylum's Secret Lab
Insane since: Oct 2000

posted posted 07-16-2002 20:35

Thank you mr.maX!
Yep, I saw the 'id' thing when I was making the test....

*goes to test*

Wakkos
Maniac (V) Mad Scientist

From: Azylum's Secret Lab
Insane since: Oct 2000

posted posted 07-16-2002 20:55

BTW, mr.maX, the ONMOUSEOUT="maxSetOpacity(this, 50)" is not working on your page under Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.0.0) Gecko/20020530.

mr.maX
Maniac (V) Mad Scientist

From: Belgrade, Serbia
Insane since: Sep 2000

posted posted 07-16-2002 21:02

Starting from version 0.9.9, Mozilla has *seriously* fucked up support for alpha blending and they haven't fixed it even in final version, grrr...

The last version of Mozilla where alpha blending is working fine is version 0.9.8. I hope that they will fix this soon.


« BackwardsOnwards »

Show Forum Drop Down Menu