PDA

View Full Version : suggestions on how to make an image show with a mouse over.


carella
08-09-2009, 07:48 PM
Any suggestions on how to make/where an image show with a mouse over.

Ulrich
08-11-2009, 11:43 PM
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

carella
08-15-2009, 01:09 AM
That you most helpful

Waldo
08-19-2009, 03:16 PM
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.

Ulrich
08-19-2009, 04:06 PM
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.
http://www.mindquake.com.br/files/armax/SNAG-090819-03.png

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.

http://www.mindquake.com.br/files/armax/SNAG-090819-02.png

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.

http://www.mindquake.com.br/files/armax/deconstruction.png

Ulrich

Waldo
08-20-2009, 08:08 AM
Ulrich,
Thank you for the clarification...off to digest it. Again, thanks
Jim