Fading Image ???

[caballonegro]

Hello @all

i'm beginner in Java programming and i have this problem:

I use the following code in a html-file
<style type="text/css">
#popupimage01 { position: absolute; visibility: hidden }
</style>
same lines behind i wrote this:
<img src="images/picA_100.jpg" alt="picA" border="0" style="cursor:hand"
onmouseover="view_image(popupimage01,'visible')"
onmouseout="view_image(popupimage01,'hidden')"
width="100" height="80">
and later i place this:
<div id="popupimage01">
<img src="images/picA_big.jpg" width="420" height="340">
</div>
for to see the big image

for this i use this script
function view_image(user,ValueShow)
{
var mousex = window.event.x;
var mousey = window.event.y;
user.style.visibility = ValueShow;
user.style.left; user.style.top;
}


it works good and the big image popup if i move the mouse over the smal image.

But, what i not now is,
what code is to change ant to add,
so that the big image comes in with fading effect,
and not so as now, similar to a flashlight.


thanks
Caballonegro

[caballonegro]

Hello @ all

I need help ??

please could somone do it

[Quiet Storm]

Do you mean to do something like this?:

http://www4u.search.bg/freejs/alpha.phtml

[caballonegro]

Hello Quiet Storm,

no it is not exact the same.

I have 20 big pictures.
in the website i show only a small picture( resize to 100pix) of each big picture.

when i move the mous over the sma picture i switch a <div> </div> on an the big picture is visible.

look my first posting with one example code.

now i would like to modify this code, so tah the pictures become a fading effekt.

i try this modification in this case it works normal (without fading effect's)


function view_image(user,ValueShow)
{
var mousex = window.event.x;
var mousey = window.event.y;
//user.filter = 'revealTrans(Duration=4, Transition=12)' ;
//user.filters.revealTrans.Apply();
user.style.visibility = ValueShow;
//user.filters.revealTrans.Play();
}



parameter discription:

(user=divname, i.e. popupimage01 or popupimage01 ......)
(ValueShow='visible' or 'hidden')

when i uncomment the commented lines for to probe the effect's i get errors.

did you now why ???

I didn't.

Caballonegro

[Roy Sinclair]

How about an example you can follow?

http://msdn.microsoft.com/library/default.asp?url=/workshop/author/filter/reference/reference.asp

Scroll down to the "Show ME" button and press it. Press the "Toggle Transition" button on the Popup window. Is that what you want? If so the code is right there in that popup window.