[Pro] Sliding captions

Still can’t get this to work - heres so far

http://easthalldesign.com/tests/sliders.html

I havent brought all the styles over from the demo, as they look to me more like text styles nothing to do with the animation right??

http://www.freewaystyle.com/sliding-captions

Any help! Please! Cheers


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Justin,
You were very nearly there with this. You had a malformed style for .caption which looked like it was throwing all of the transformations out;
.caption { -ms-transition:all 0.4s ease-in-out; -moz-:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; -webkit-transistion:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; opacity:0; bottom:-54px !important }

-moz-:all 0.4s ease-in-out;
should be;
-moz-transition:all 0.4s ease-in-out;

I’d also be interested in knowing how you set the ‘top’ anchor on the page as it is currently generating invalid code (the anchor wraps the existing link attached to the company logo).
Regards,
Tim.

On 10 Jan 2012, at 20:45, Justin Easthall wrote:

Still can’t get this to work - heres so far

http://easthalldesign.com/tests/sliders.html

I havent brought all the styles over from the demo, as they look to me more like text styles nothing to do with the animation right??

http://www.freewaystyle.com/sliding-captions

FreewayActions.com - Freeware and commercial actions for Freeway Express & Pro.

Protect your mailto links from being harvested by spambots with Anti Spam.
Only available at FreewayActions.com

http://www.freewayactions.com


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

and there is also a typo in:

-webkit-transistion:all 0.4s ease-in-out

should be

-webkit-transition:all 0.4s ease-in-out

Tested it and works - oh …

Cheers

Thomas


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I have something similar at http://www.deltadesign.co/fw_examples/slcaption.html

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks guys - just added the two amends still no go?

http://www.easthalldesign.com/tests/sliders.html

Tim - I added an Anchor to a graphic box?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I think your problem Justin is that you have a Div within a Div for your caption ie caption1-m is inside caption1

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I changed div names still no go?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I didn’t mean it was your Div names that were a problem but more likely because you have nested Divs for your caption stuff.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Right - well thats how they are in the demo?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

noop - in the demo, all infos are applied to the div id=“name2” (in your example) so I think Dave is close to the problem (however it is not the point):

Try to:

  1. remove this inner div id=“name2_m”.
  2. Insert text “Please work - yes (uahhh)” into name2
  3. Set its position via a padding top, left
  4. Apply the bg.png to name2 via inspector as bg.

so all infos are sitting in the name2 div.

Next step:

This name2 div has a position of top 74px where there shouldn’t be any. Once klick (mark) the name2 div and grey out the top position in the inspector panel (once klick in the symbol):

Something like that should be much closer to the example and I reproduced it that way and got it work.

Cheers

Thomas


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Justin,
Change the caption position so that it is 0px from the bottom (rather than defining the top position). The CSS toggles the bottom position to slide the panel into the parent. With the top defined the browser won’t slide it as expected.
Regards,
Tim.

On 11 Jan 2012, at 01:07, Justin Easthall wrote:

Thanks guys - just added the two amends still no go?

FreewayActions.com - Freeware and commercial actions for Freeway Express & Pro.

Protect your mailto links from being harvested by spambots with Anti Spam.
Only available at FreewayActions.com

http://www.freewayactions.com


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks - I’m bak on this in a couple of hours ill check this then - hopefully I can get this to work!
Cheers!


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

OK all most there!

http://easthalldesign.com/tests/sliders.html

As the caption slides up you can see ut below the thumbnail? Slightly transparent but yu can see it - on the demo it scrolls up from in the thumbnail only?

What do I need to adjust so its working right on mine?!

Thanks so much I can imagine how irritating this can be! Cheers


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Actually now worries - I just tried it in IE8 and its not working at all - Ill have to come back to this another time

Thomas I didn’t see your explanation until just now very good thanks Tim and Dave also


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Actually now worries - I just tried it in IE8 and its not working at all

IE8 support for CSS3 is limited, 9 better but not till IE10 do you get the same sort of support as Webkit browsers have had for ages.

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Sure - I tried out your sample too but unfortunately does not work in IE8 and annoyingly most of my clients use this or at least expect it to work.

I know there are ways to do it as I see this daily working fine in older IE’s just never new it was such a task to pull off!


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I know there are ways to do it as I see this daily working fine in older IE’s just never new it was such a task to pull off!

You will need a javascript version if you want to have greater compatibility with older browsers.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Sure. Thanks

J


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options