SlideShow avec minuterie en html (façon Powerpoint)

SlideShow avec minuterie en html (façon Powerpoint) - HTML/CSS - Programmation

Marsh Posté le 19-12-2008 à 02:53:49    

Bonjour.
Je dois réaliser une présentation pour diffuser sur un écran télé dans une vitrine.
Powerpoint est trop limité pour mes pages qui contiennent parfois du Flash, parfois du Javascript (affichage dynamique de l'heure avec secondes), parfois des fichiers AVI en lecture, ...
 
J'ai une quinzaine de pages HTML que par simplicité je numérote de 1 à 15
 
Je veux programmer une page Web maitre qui me fasse les actions suivantes (en plein écran, SANS ascenseur, SANS barre d'état car présentation ---> PopUp)
Afficher page 1
Temporiser 20 secondes
Afficher page 4
Temporiser 10 secondes
Afficher Page 10
Temporiser 10 secondes
Afficher page 1
Temporiser 20 secondes
Afficher Page 3
Tempo 20 secondes
 
etc etc etc ... ... ...
Puis reboucler au début ou recharger la page maitre.
 
Pour l'instant la seule solution que j'ai trouvé est de faire un <meta http-equiv="Refresh" content="20; url=PageX.html" /> au début de chaque page, mais c'est lourd et embetant car lorsque je veux appeler deux fois la même page dans un cycle de présentation, je dois dupliquer cette page et ensuite modifier l'URL de refresh dans son code. Cette technique devient vite un sac de noeuds lorsqu'il y a bcp de pages à enchainer.
De plus, le "Refresh" crée un blanc de quelques dixième de secondes pour recharger la page suivante. C'est pas hyper esthètique.
Donc en fait, l'idéal serait de faire mon montage de pages et les temporisation dans une page maitresse.
Qui saurait me coder ça car je suis d'un niveau moyen en HTML, débutant en Javascript, et ignare en PHP.
 
 Voila un exemple de page à afficher :  
(Vous remarquerez les dimensions du SWF qui permettent de ne pas avoir d'ascenseur sur un écran 15 pouces :( en 1024*768
 
Merci beaucoup pour votre aide
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<!-- saved from url=(0023)http://www.contoso.com/ -->
<head>
<meta http-equiv="refresh" content="20; url=page8.html">
</head>
<body>
<object classid="CLSID:D27CDB6E-AE6D-11cf-96B8-444553540000" width="992" height="730">
 <param name="movie" VALUE="noel.swf">
 <param name="quality" value="high">
 <param name="scale" value="exactfit">
 <param name="menu" value="true">
 <param name="bgcolor" value="#000040">
</object>
</body>
 
 
 
Par la suite, et à condition uniquement que ce soit simple, j'aimerais optimiser le temps d'affichage entre deux pages soit en préchargeant la page suivante, soit en créant un fondu. J'ai vu des fondus qui pouvaient s'appliquer à des photos (dans un diaporama), mais cela reste sur une même page web, et le déclenchement est un clic de souris sur l'image alors que chez moi c'est un compte à rebours. M'enfin ça c'est quand même largement moins important.
 

Reply

Marsh Posté le 19-12-2008 à 02:53:49   

Reply

Marsh Posté le 19-12-2008 à 03:00:27    

Tu veux donc un code source ?
 
LoL
 
C'est possible de faire ça en Flash je crois :) (faut juste une bonne connexion internet et ça sera super fluide ;) )

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed