Barry Jones
asked on
How do they do this banner ad?
Hi. I really like the banner ad found here:
http://www.sql-server-performance.com/articles/dev/encryption_2005_1_p1.aspx
(top right). I know that it is flash, but is there a way for me to do this without flash? At least the page "leaf" container? I would like to be able to display either a rotating slideshow of 5 banner adverts, or a single flash movie using this method.
I would like to use CSS entirely if possible, without javascript (or at least a decent fall-back for non-js browsers) and definately without flash (I need to build this into our existing CMS system with relative ease).
Thanks,
TheFoot
http://www.sql-server-performance.com/articles/dev/encryption_2005_1_p1.aspx
(top right). I know that it is flash, but is there a way for me to do this without flash? At least the page "leaf" container? I would like to be able to display either a rotating slideshow of 5 banner adverts, or a single flash movie using this method.
I would like to use CSS entirely if possible, without javascript (or at least a decent fall-back for non-js browsers) and definately without flash (I need to build this into our existing CMS system with relative ease).
Thanks,
TheFoot
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
opps, you got your reply up before I got mine.
I would make a div that is positioned off of the page, and use the mouse-over to reposition it. You can learn about this technique by searching for CSS drop-down menu tutorials
ASKER
Hi D Brugge, thanks for your ideas. Maybe I should set my sights a little lower for now.. and go with the roll-over type effect. I could use javascript to perform the transition of the div down and left into the page, revealing the ad, and to hide it. Non-js browsers would just see the css version; a quick opening without any slides or transitions. And I guess if they dont have css enabled, then I'm shit outta luck! :)
I really like the reflection effect on the reverse of the page leaf.. but maybe I'll leave that for another day.. lol
Thanks, TheFoot
PS. I dont plan to start coding this for another 4 weeks or so, but Ill post the URL here (if I can) when it is done.
I really like the reflection effect on the reverse of the page leaf.. but maybe I'll leave that for another day.. lol
Thanks, TheFoot
PS. I dont plan to start coding this for another 4 weeks or so, but Ill post the URL here (if I can) when it is done.
ASKER
I was thinking along the lines of; the folding leaf is actually a <div>, and its contents is whatever object is the banner ad (images, flash movie etc). Maybe playing around with the overlap and scrollbars of the <div> could achieve the hidden effect, but the transition of the div "peeling back" would need to be done in javascript yes?
How do I do that?
Thanks, TheFoot