PDA

View Full Version : web page help


kain184
20 Feb 2011, 05:03 PM
ive been trying to make a video player array table so i can change the embed code and only make a single page for having the videos on the code im using is

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">

.fadecontentwrapper{ /* Total width: 350px+5px+5px=360px Read relative width relations for the other two containers below! */
position: relative;
width: 800px;
height: 600px; /* Set height to be able to contain height of largest content shown*/
border: 5px solid maroon;
overflow: hidden;
}

.fadecontent{ /*style for each fade content DIV within wrapper. Total width: 330px+10px+10px=350px (".fadecontentwrapper" width minus its padding and borders, if any) */
position: absolute;
background: white;
padding: 10px;
visibility: hidden;
width: 330px;
}

.fadecontenttoggler{ /*style for DIV used to contain toggler links. Total width: 350px+5px+5px=360px */
width: 350px;
border: 5px solid maroon;
border-top-width: 0;
overflow: hidden;
}

.fadecontenttoggler a{ /*style for every navigational link within toggler */
text-decoration: none;
border-right: 2px solid maroon;
padding: 0 5px;
float: left;
display: block;
font-weight: bold;
color: black;
}

.fadecontenttoggler a:hover{
background: #C03021;
color: white;
}

.fadecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.fadecontenttoggler a.prev, .fadecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
color: black;
}

.fadecontenttoggler a.prev:hover, .fadecontenttoggler a.next:hover{
color: white;
background: black;
}

.fadecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background: #C03021;
color: white;
}

</style>

<script type="text/javascript" src="jquery-1.2.2.pack.js"></script>

<script type="text/javascript" src="contentfader.js">



</script>
</head>

<body>
<div id="whatsnew" class="fadecontentwrapper" style="clear:both">

<div class="fadecontent">
<object type="application/x-shockwave-flash" style="width: 800px; height: 600px;" data="http://webzoom.freewebs.com/kainscorner/mv_player.swf?image=http://www.kainscorner.webs.com/pictures/black01.jpg&amp;v=5KJFIP9M"><param name="allowscriptaccess" value="always"><param name="allowfullscreen" value="true"><param name="movie" value="/mv_player.swf?image=http://www.dubbinz.com/images/in_video_pic.gif&amp;v=5KJFIP9M"></object>
</div>

<div class="fadecontent">
<object type="application/x-shockwave-flash" style="width: 800px; height: 600px;" data="http://webzoom.freewebs.com/kainscorner/mv_player.swf?image=http://www.kainscorner.webs.com/pictures/black01.jpg&amp;v=5I21UMYH"><param name="allowscriptaccess" value="always"><param name="allowfullscreen" value="true"><param name="movie" value="http://webzoom.freewebs.com/kainscorner/mv_player.swf?image=http://www.dubbinz.com/images/in_video_pic.gif&amp;v=5I21UMYH"></object>
</div>

<div class="fadecontent">
<object type="application/x-shockwave-flash" style="width: 800px; height: 600px;" data="http://webzoom.freewebs.com/kainscorner/mv_player.swf?image=http://www.kainscorner.webs.com/pictures/black01.jpg&amp;v=8SLLV0D1"><param name="allowscriptaccess" value="always"><param name="allowfullscreen" value="true"><param name="movie" value="http://webzoom.freewebs.com/kainscorner/mv_player.swf?image=http://www.dubbinz.com/images/in_video_pic.gif&amp;v=8SLLV0D1"></object>
</div>

</div>

<div id="whatnewstoggler" class="fadecontenttoggler">
<a href="#" class="prev">Prev</a>
<a href="#" class="toc">Page 1</a> <a href="#" class="toc">Page 2</a> <a href="#" class="toc">Page 3</a>
<a href="#" class="next">Next</a>
</div>

<script type="text/javascript">
//SYNTAX: fadecontentviewer.init("maincontainer_id", "content_classname", "togglercontainer_id", selectedindex, fadespeed_miliseconds)
fadecontentviewer.init("whatsnew", "fadecontent", "whatnewstoggler", 0, 400)
</script>
</body>
</html>
the problem im having is when the video loads the other one that was there before doesent shutdown and is left running in the background