mcolairo
(mcolairo)
September 28, 2011, 7:31pm
1
Hi all,
Not sure if I am doing anything wrong here, but I am trying to use the transition FX action and when setting my graphic to "initially hidden* and then to slide up or down on mouseover nothing happens?
I basically want to create this effect used on the image squares within this website http://www.ovefelt.se/
Could somebody explain where I am groing wrong, or if there is an easier way, or a tutorial video for this.
Many thanks
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Have a look at http://www.deltadesign.co/fw_examples/slcaption.html
This uses a pure CSS solution - no actions or javascript - I got it from Chris Coyier over at http://css-tricks.com/
http://css-tricks.com/8856-slide-in-image-captions/
It does require a bit of coding/CSS
But post a link to your own page so that we can have a look.
David
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Here is an example with screenshot of the action interface.
http://www.deltadesign.co/fw_examples/fx-slideup.html
D
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
mcolairo
(mcolairo)
October 3, 2011, 12:56pm
4
Hi Dave, That is exactly what i want to do! I have replicated your diagram, but still nothing happens! the image and the text box just both appear as they are when the page loads. There isnt an extra action i am missing here is there?
Really frustrating.
Thanks for your help
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
No extra action(s)!
Are all your image/text containers layered items? If they aren’t then try them layered.
D
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
mcolairo
(mcolairo)
October 5, 2011, 9:53am
6
Thanks! Got it working now Dave!
I have one more question, its not essential but i was wondering if the sliding text box could be semi transparent? If so how would this be produced.
Many thanks for all your help.
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
You mean like this
http://www.deltadesign.co/fw_examples/fx-slideup.html
Select your text container which is currently a graphic item being output as a Gif.
Change it to output as a png, millions of colours and set the opacity slider (Paintbrush tab) to a value that suits.
D
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Thanks Dave
If you wanted to go back on the mouse out is there a way of doing it ?
i.e mouse over … appears so on the mouse out it hides or fades back
Stu
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
mcolairo
(mcolairo)
October 5, 2011, 7:46pm
9
Cracking!
All done now, thanks again Dave.
Mart
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
If you wanted to go back on the mouse out is there a way of doing it ?
i.e mouse over …. appears so on the mouse out it hides or fades back
Not with the action in its current form.
You could hack it about as in http://www.deltadesign.co/fw_examples/fx-slideuptest.html
D
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options