11548 sujets

JavaScript, DOM et API Web HTML5

Video dans galerie javascript?

bonjour,

J'ai mis en place la galerie javascript du tutoriel

Est-ce possible de modifier le javascript de sorte que l'une des images soit une vidéo ( plutôt que le clic d'une des vignettes fasse apparaître une video au lieu d'une image fixe)?

Je ne m'y connais pas vraiment en javascript, et j'ai vu que le script agit principalement via des balises <img>... est-ce possible de le modifier pour qu'il gère aussi des vidéos via swfObject ou autre?

Merci d'avance pour votre aide
Modifié par firfelin (03 Aug 2007 - 17:08)
mouais... Smiley murf

Le temps, je peux en trouver, la volonté ça va... donc si quelqu'un pouvait me mettre sur la piste de la connaissance ce serait bien aimable.
bon ce menu a l'air d'être basé sur le même genre de gallerie que celle d'alsa. (je repars du code sur le tuto d'alsa ) donc il faut que tu ecrive un 

<object type="application/x-shockwave-flash" data="fichierflash.swf" width="604" height="20">
<param name="movie" value="fichierflash.swf" />
<param name="wmode" value="transparent" />
<p>Image ou texte alternatif</p>
</object>


(reprise d'un exemple du FAQ les tailles sont à changer)

au lieu d'une image.

je dirais qu'il y a une seule info a passer apparemment même si elle se repete deux fois : l'adresse du flash.

c'est peut-etre pas trés propre mais on peut surement la mettre dans le href du lien comme dans la galerie d'origine.

il faut un id sur l'objet central ( la video ) disons id="video"

dans le code d'alsa c'est cette fonction qui doit être changée.

liens[ i].onclick = function() {
			big_photo.src = this.href; // On change l'attribut src de l'image en le remplaçant par la valeur du lien
			big_photo.alt = this.title; // On change son titre
			titre_photo.firstChild.nodeValue = this.title; // On change le texte de titre de la photo
			return false; // Et pour finir on inhibe l'action réelle du lien
		};


big_photo.src = this.href; va surement devenir video.data="this.href"
donc là il faut auparavant declarer var video = document.getElementById('video') ;

et puis il faut changer la ligne qui s'occupe du title en une qui s'occupe du value du param.....ce qui doit s'ecrire avec quelque connaissances DOM que je maîtrise pas encore.

je suis encore debutant en javascript Smiley langue
Modifié par CPascal (11 Jun 2007 - 08:22)
au pire coller un id aussi au param. pourquoi pas?

<object id="video" type="application/x-shockwave-flash" data="fichierflash.swf" width="604" height="20">
<param id="paramvideo" name="movie" value="fichierflash.swf" />
<param name="wmode" value="transparent" />
<p>Image ou texte alternatif</p>
</object>


var paramvideo = document.getElementById('paramvideo') ;

et dans la fonction onclick:

paramvideo.value = "this.href";


voilà. c'est un peu brouillon je sais. mais pas envie d'ecrire un code complet fonctionnel...il y a au moins de bonne piste je pense.
Modifié par CPascal (11 Jun 2007 - 08:24)
Sujet clos
Aller à