Indigo Rose Software

Professional Software Development Tools

 
+ Reply to Thread
Results 1 to 6 of 6
  1. #1
    Join Date
    Aug 2009
    Posts
    3

    Smile suggestions on how to make an image show with a mouse over.

    Any suggestions on how to make/where an image show with a mouse over.

  2. #2
    Join Date
    Apr 2005
    Location
    São Paulo, Brazil
    Posts
    2,539
    Hello,

    there is no "on mouse over" event for images in Autorun MAX!, you would have to use AutoPlay Media Studio for this. However, you can achieve a similar result using buttons, because they respond to mouse over events just fine.

    In the zip below you will find a sample project, where you see four buttons, that appear as colored circles. If you move the mouse over them, a rectangle will be shown at the right of the circles, in the same color. Each button has just the circle in the normal state, and the circle plus the rectangle in the mouse over state, and the rest of the button is transparent. (See Tools > Button Maker.)

    I hope this helps.

    Ulrich
    Attached Images
    Attached Files

  3. #3
    Join Date
    Aug 2009
    Posts
    3

    Smile

    That you most helpful

  4. #4
    Join Date
    Apr 2006
    Posts
    175

    More help with the buttons

    Quote Originally Posted by Ulrich View Post
    Hello,

    there is no "on mouse over" event for images in Autorun MAX!, you would have to use AutoPlay Media Studio for this. However, you can achieve a similar result using buttons, because they respond to mouse over events just fine.

    In the zip below you will find a sample project, where you see four buttons, that appear as colored circles. If you move the mouse over them, a rectangle will be shown at the right of the circles, in the same color. Each button has just the circle in the normal state, and the circle plus the rectangle in the mouse over state, and the rest of the button is transparent. (See Tools > Button Maker.)

    I hope this helps.

    Ulrich
    Ulrich,
    Thanks for this example...I recently purchased the Business edition of Autorun Max.

    I have been looking closely at your example, trying to figure out how you "made" the buttons as the button maker seems to want an already created image file. So how did you "draw" the mouse over image so that the button then appeared to generate the same colored square when the cursor is over the round button?

    Is there any way to load the buttons contained in your example back into the button maker on my end to further understand how you did it? I am really stumped at how you made the mouse over images.

    Just for clarity, my specific use would be a button with an individual's name on it and I want her picture to show when the mouse stops over the button. I would have 5-6 buttons [people's names] on the page that I would want the appropriate photo / picture to show when the mouse stops over each button.

    These are probably very basic, easy, questions---so I appreciate your patience.
    Last edited by Waldo; 08-19-2009 at 02:22 PM. Reason: further clarification

  5. #5
    Join Date
    Apr 2005
    Location
    São Paulo, Brazil
    Posts
    2,539
    Quote Originally Posted by Waldo View Post
    I have been looking closely at your example, trying to figure out how you "made" the buttons as the button maker seems to want an already created image file. So how did you "draw" the mouse over image so that the button then appeared to generate the same colored square when the cursor is over the round button?
    Hello,

    the images used in the buttons were created in another program. I used Fireworks, but you can use whatever you know, as long as you are able to export images with transparency with it.

    Is there any way to load the buttons contained in your example back into the button maker on my end to further understand how you did it? I am really stumped at how you made the mouse over images.
    Of course. If you open the button in the Button Maker tool of AutoPlay Media Studio, you can see how I used two different images to achieve the image swap effect.


    Note that the gray/white checkerboard represents transparency. All four buttons in my example have the exact same size, and are shown at the exact same position - in other words, the four buttons are overlaid.

    You can see that in the second button, the rectangle is at the same position, while the circle is slightly lower, so it won't hide the white button.



    If you don't have AMS, you can unpack the *.btn file just by renaming the extension to *.zip, and then uncompress the contents.

    Just for clarity, my specific use would be a button with an individual's name on it and I want her picture to show when the mouse stops over the button. I would have 5-6 buttons [people's names] on the page that I would want the appropriate photo / picture to show when the mouse stops over each button.
    You could use the same method: a series of buttons, where the "normal" state would should just the button, and the "hot" state the button and the picture. Remember that all images need to have the exact same dimensions, or your animation may fail. If you overlay the buttons correctly, you can get the effect I demonstrated in my sample.



    Ulrich
    Last edited by Ulrich; 08-19-2009 at 03:55 PM.

  6. #6
    Join Date
    Apr 2006
    Posts
    175
    Ulrich,
    Thank you for the clarification...off to digest it. Again, thanks
    Jim

Posting Permissions

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