Portal Engine Questions on portal engine and web parts.
Version 4.x > Portal Engine > YouTube-like advertisement View modes: 
User avatar
Member
Member
Wide Open Communications - 12/1/2009 12:56:44 PM
   
YouTube-like advertisement
Hello Everyone,

I'm working on a new site for a client and they want a rotating image section on the home page, which is not difficult. HOWEVER, they want something like YouTube that has the advertisements pop-up over the video. Those little translucent advertisements (example link below)

Link to YouTube Example

Does anyone have any ideas, or suggestions on how to achieve this? Thanks a bunch.

User avatar
Member
Member
agerace-ag.state.oh - 12/1/2009 1:06:31 PM
   
RE:YouTube-like advertisement
Youtube does it in flash.

You can do something similar over an image with Div tags and css


<style>
#divImage {
position:relative;
}
#divTranslucent {
position:absolute;
bottom:0px; //position from the bottom of the image div you can also use right, left, and top
height:50px; //height
background:#fff;
filter: alpha(opacity=55); //this line make its 55% transparent in IE
-moz-opacity: .55; //this line make its 55% transparent in Firefox

}
</style>

<div id="divImage">
<img src="../whatever.jpg">
<div id="divTranslucent ">Translucent Text</div>
</div>


Hope this gives you a start.

User avatar
Member
Member
agerace-ag.state.oh - 12/1/2009 1:08:19 PM
   
RE:YouTube-like advertisement
I just noticed I used the wrong comment syntax for css so you will have to delete them if you copy paste.

User avatar
Kentico Developer
Kentico Developer
kentico_zbysekn - 12/1/2009 1:30:17 PM
   
RE:YouTube-like advertisement
Hello,
I think that you can use something like following script with some customization to fit your needs(Example script).
Best Regards,
Zbysek Nemec