Fading an overlay?

From: JonCooper 4 Sep 2017 21:35
To: ALL1 of 7
I have a map, and I want to overlay an image in such a way that I can fade the image from clear to opaque and back at will (like some weather sites do with radar information etc)

I started off thinking I needed to look at how the Z index can be messed with, but now I think I may be up the wrong creek.

Anyone care to point in the right direction?
From: graphitone 4 Sep 2017 21:44
To: JonCooper 2 of 7
Is this for a display, or going somewhere you won't have the convenience of having the thing in front of you to twiddle? 'Cos Photoshop'll let you do that.
From: JonCooper 4 Sep 2017 21:52
To: graphitone 3 of 7
Ideally I'd like it on a webpage, though it's just for family
Photoshop would do at a pinch though, thanks
From: CHYRON (DSMITHHFX) 4 Sep 2017 23:00
To: JonCooper 4 of 7
jquery fadeIn() and fadeOut() ? also you can animate the css opacity attribute.
EDITED: 4 Sep 2017 23:01 by DSMITHHFX
From: JonCooper 4 Sep 2017 23:26
To: CHYRON (DSMITHHFX) 5 of 7
thanks, I'll have a look
From: Manthorp 5 Sep 2017 08:24
To: JonCooper 6 of 7
Are you wanting visitors to be able to do it in real time with a slider?  Or is it a cycling slideshow effect?
From: JonCooper 5 Sep 2017 09:14
To: Manthorp 7 of 7
real time with a slider would be perfect.