je suis débutant en html et css et je voudrais faire une galerie vidéo pour mon site pour se faire, j'ai pris modèle sur une galerie photo en remplaçant les photos par des vidéos mp4 mais cela ne fonctionne pas.
A mon avis, il faudrait y rajouter des choses mais je ne vois pas lesquelles.
Merci de votre aide.
Voici mon code :
<html>
<head>
<title>Page de vidéos</title>
<link rel="stylesheet" type="text/css" href="css.css">
<script language="javascript">
function displayPics()
{
var photos = document.getElementById('galerie_mini') ;
var liens = photos.getElementsByTagName('a') ;
var full = document.getElementById('full') ;
var titre_photo = document.getElementById('photo').getElementsByTagName('dt')[0] ;
for(var i = 0 ; i < liens.length ; i++)
{
liens[i].onclick = function()
{
full.src = this.href ;
full.alt = this.title ;
titre_photo.firstChild.nodeValue = this.title ;
return false ;
}
}
}
window.onload = displayPics ;
</script>
</head>
<body>
<div id="galerie">
<ul id="galerie_mini">
<li><a href="video/1.mp4" title="1"><img alt="Photo 1"></a></li>
<li><a href="video/2.mp4" title="2"><img alt="Photo2"></a></li>
<li><a href="video/3.mp4" title="3"><img alt="Photo3"></a></li>
</ul>
<dl id="photo">
<dt>Titre de la photo 1</dt>
<dd><img id="full" alt="Cliquez sur les photos pour les faire défiler"></dd>
</dl>
</div>
</body>
</html>
