looking 4 div box show for movies? - HTML Forums

haukke45 · 10-31-2009, 04:30 AM

Hello people,
not to sure but trying to find any threads that help with div box ( display: none; ).
Explaination:
i want to have a div box centered on top with images in rows of 3x5 and when you click on the image a movie appears (in autostart mode) in the box above embeded .
so for example:

HTML Code:

<body>
<div id="container">
<div id="big_movie" ><!-- movie box displayed here --></div>
<!-- movies are set up, all movies are paused [u]no autostart[/u]-->
<div class="show" id="movie_0">
			<div>
                <p class="big_movie"><embed src="movie1"
                 
                 id="mov_0" width="430" height="300"></embed></p>
            </div>
			<script type="text/javascript">
            <!--
            if (document.getElementById) {document.getElementById('movie_0').style.display = 'none';}
            //-->
            //-->
        	</script>
<!-- movies are listed-->
<ul id="mov_list">
 <li><a href="#movie_0" id=movieLink_0><img src="movie_0.jpg" alt=""></a></li>
 <li><a href="#movie_1" id=pictureLink_1><img src="movie_1.jpg" alt=""></a></li>
 <li><a href="#movie_2" id=pictureLink_2><img src="movie_2.jpg" alt=""></a></li>
 <li><a href="#movie_3" id=pictureLink_3><img src="movie_3.jpg" alt=""></a></li>
 <li><a href="#movie_4" id=pictureLink_4><img src="movie_4.jpg" alt=""></a></li>
 <li><a href="#movie_5" id=pictureLink_5><img src="movie_5" alt=""></a></li>
 </ul>
<!-- end of #mov_list -->
</div>
<!-- end of #container -->
</body>

I know this html is all wrong just trying to give a familur example (tried too).
I made a example image below see attachment.
Any help or link to another thread explaining will be appreaciated.