[img]http://i147.photobucket.com/albums/r299/switpotato/twistedtot/bannerplaylist.jpg[/img]
first if u happnd to have this
[quote]banneradrow {display:none}[/quote]
[b]remove it first[/b]
js:
[quote]banneradrow.getElementsByTagName("td")[0].innerHTML="<div id='player'>EMBED PLAYER HERE</div><img id='ban' src='URL OF BANNER'>"
+"<br>"
+"<a href='javascript:show()'>SHOW PLAYLIST</a> | <a href='javascript:hide()'>HIDE PLAYLIST</a>";
player.style.cssText="width:1;height:1;overflow:hidden"
function show(){
player.style.cssText="width:100&;height:270;overflow:hidden"
ban.style.display="none"
}
function hide(){
player.style.cssText="width:1;height:1;overflow:hidden"
ban.style.display="block"
}[/quote]
if u want to pimp it...
apply this to the rest of ur xternal css
css:
[quote]#banneradrow a {style here !important; etc etc}
#banneradrow a:hover{style here! important;etc etc}[/quote]
note:
u may change the embed thing but i think player luk much better..
how this code works?
upon enter only the banner will show.. plus a links at the bottom
press the word show to display wats inside ... press hide to display the banner again..
code provided by: ~ ArchAngell ~
Last edited by switpotato (2008-02-06 22:01:54)