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??
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:
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