not a support questionHi there,
I’m trying to achieve following: load a transparent flash banner on top of my site once per session. My idea is to create an absolute positioned DIV on top of the normal site content. This DIV will contain flash video to be played. Are there any flaws in my desing thinking?
Have anyone done such thing and could share some experiences with me?
Alex
Hey,
I never added a flash banner to a website (several javascript banners though) but I see no reasons why a flash banner shouldn't work. Basically I think flash banners have drawbacks when it comes to file size, loading times, client requirements, etc. but of course in some cases you need to use flash (3d animation, etc.). Kenburns can be done with javascript/jquery since the estro slider revolution :)
Hi Dude,
glad You have looked into my question.
Wheter it is a flash or other content - that is to decide - ;) A I have already done some work. I have achieved to show an absolute positioned div on top of my site displaying the content of the flash animation. The main goals are now (from simple to complex):
1. how to center an absolute div?
2. to display these content once per session (use cookie, but how? never done that)
3. display it on top of the other content but the content should be visible through under (could be dimmed using prettyphoto, lightbox, fancybox or whatever?)
How about that?
1) It depends on the location of the absolute div. If it's an overlay or not a child of a relative positioned div there's no way to center align it because different screen resolutions require different positions values (you can use percentage values though if you know the exact width of the absolute element). In this case you can only use javascript/jquery to calculate the position. If it's within a relative positioned div you can calculate the exact position if you know the width of the absolute element and the width of the relative element.
2) I worked with sessions, etc. before but it's way too complex to cover this topic here - google is a real helper here.
3) You can use prettyphoto to display swf files: http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/
OK, self solved question no 1.
For others… to achieve this you have to add following cod to the div definition in your .css file:
Preassumptions:
1. Content to display width is 1246px.
#div_on_top_name{
position: absolute;
width: 1246px;
top: 0;
left: 50%;
margin-left: -623px;
z-index:5000;
background-color: transparent;
}
Others questions: cookie setting once per session, and seeing other content through remain the same.
You must log in to post.
Please start by registering an account for this forum here
Create a new thread and tell me what problems you are encountering and what you want to know.
There is no step 3 :)
We try to answer all questions within a day, monday-friday.
