Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New to the CF scene
    Join Date
    Jul 2002
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Fading Image ???

    Hello @all

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

    I use the following code in a html-file
    PHP Code:
    <style type="text/css">
    #popupimage01 { position: absolute; visibility: hidden }
    </style
    same lines behind i wrote this:
    PHP Code:
    <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:
    PHP Code:
    <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
    PHP Code:
    function view_image(user,ValueShow
    {
    var 
    mousex window.event.x
    var 
    mousey window.event.y
    user.style.visibility ValueShow
    user.style.leftuser.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
    Last edited by caballonegro; 07-24-2002 at 07:22 PM.

  • #2
    New to the CF scene
    Join Date
    Jul 2002
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question ??? No one there how now somthing??

    Hello @ all

    I need help ??

    please could somone do it

  • #3
    Regular Coder
    Join Date
    Jun 2002
    Location
    Beyond Lament
    Posts
    424
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Do you mean to do something like this?:

    http://www4u.search.bg/freejs/alpha.phtml
    Quíet Storm Designs ~ Art is not what you see, but what you make others see.
    · the Storms· || ·Ultraviolent Winter· || ·Was Einstein Wrong?· || ·It´s About Time!·

  • #4
    New to the CF scene
    Join Date
    Jul 2002
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    nearly the same, but......

    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)

    PHP Code:
    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
    Last edited by caballonegro; 07-24-2002 at 07:26 PM.

  • #5
    Senior Coder
    Join Date
    Jun 2002
    Location
    Wichita
    Posts
    3,880
    Thanks
    0
    Thanked 0 Times in 0 Posts
    How about an example you can follow?

    http://msdn.microsoft.com/library/de.../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.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •