1 person found this helpful
The picture has its display property set to none (menu with the two eyes icon).
The PNG for the button is converted into a symbol. Uncheck autoplay : it's not an animation, but a symbol with two states normal and hover. Define those two labels anywhere in the timeline. The playhead on hover, modify whatever property you want for a rollover effect (at least two key frames, one for normal, the over for hover ; no transition).
Add to the button instance (button1) a hand cursor and the following event handlers (the image to reveal has ID image1) :
sym.getSymbol("button1").stop('hover'); // simple rollover
sym.$('image1').show(); // cross rollover
Downloadable example here : https://app.box.com/s/ubdnmf2n8yjik9l0gyjy
Thx for the fast response.
I 've added the code you so friendly sent me, made a symbol out of the elements,
but it didn't work properly.
I think it's because I 've added a transition to it, meaning
making the menu buttons coming in from the right onto the canvas.
Is there something I need to add?
I also copy and pasted the code adding the exact names to it.(elements
have different names in my set up..)
If you would like to see the project for yourself, I've added the folder with the
I appreciate your help a lot though I am not asking to do my work of course.
Please make a ZIP of your project for it to be easy to download.
The link points to a folder full of files. I have no time to load each of them individually. Compress your project's folder and upload that ZIP or RAR file.
Ok, Tim. I was a bit lost with the Google Drive interface I never used, but your folder is now on my own disk.
I will look at it, as soon as I find a moment.
1) your transitions have very wide amplitude in pixels (about 1400, why so much ?) in a very short duration (why don't you start at 0 ms ?), so that there is no visible sliding of the graphics and the interpolation makes it disappear instantaneously !
2) sym.getSymbol("ro_contact") but you have no symbol ro_contact ! You need to wrap the existing element ro_contact in a symbol and build two states labelled normal and hover (or whatever you want).
3) the mouseout and mouseover event handlers are not attached to the good element : it should be ro_contact instead of menu_contact ! The element that is hovered over (ro_contact) changes its state to hover. The other element (menu_contact) is revealed (show()).
Instead of hide() and show(), you could use jQuery's sliding methods : http://api.jquery.com/category/effects/sliding/
or animate() : http://api.jquery.com/category/effects/custom-effects/
To correct points 2) and 3), please study thoroughly the example I provided to you.
As says the chinese proverb : " Fishing for you, I will feed you one day. Learning you fishing, I will feed you your life long. "
Thanks so much for the help.
I figured it out now.
Yes, you are correct about the fishing saying
I stated your answer as correct and helpful and I will leave you
with a song from ARRESTED DEVELOPMENT:
Thx for everything Gil.
Thanks for your gratitude and friendly spirit. You're welcome