begin process at 2012 05 28 13:30:09
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Trucs Amusants

 > DIAPORAMA WEB

DIAPORAMA WEB


 Information sur la source

Note :
8 / 10 - par 1 personne
8,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Trucs Amusants Classé sous :diaporama, boucle, temporisation Niveau :Débutant Date de création :03/03/2011 Vu / téléchargé :4 397 / 633

Auteur : mole

Ecrire un message privé
Commentaire sur cette source (2)
Ajouter un commentaire et/ou une note

 Description

Petit code Html/Javascript pour basculer d'une page web à une autre automatiquement à la façon d'un diaporama en boucle.

Exemple d'usage (le mien) : passer sur plusieurs pages Web de supervision réseau pour ne pas avoir à mettre plusieurs écrans.

Le source repose sur 2 fichiers HTML. Le premier construit un frameset dont la première frame contient le code Javascript qui permet de modifier la 'location' de la seconde frame.

Le tout est paramétrable directement dans le fichier diaporama.html dans la fonction diaporama :
- site : la liste des sites à afficher
- tempo : temporisation en seconde entre chaque site


 Conclusion

Le code mérite d'être amélioré sur la partie temporisation : Je n'ai pas trouvé d'autre fonction que setTimeout() pour créer une temporisation et cette dernière m'a obligé à rappeler de manière récursive ma fonction Diaporama(). La conséquence est que, si on laisse tourner le programme, celui-ci finira par consommer toute la RAM du PC.

Pour les sites demandant une authentification, il faut enregistrer le mot de passe dans le navigateur.


 Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip


 Sources de la même categorie

Source avec Zip IMAGES DÉFILANT SUR UN CYLINDRE (SCROLLING IMAGES) par william voirol
Source avec Zip IMAGES DÉFILANT VERTICALEMENT (SCROLLING IMAGES) par william voirol
Source avec Zip IMAGES DANSANTES 4: MOUVEMENT DE LA TORTUE par william voirol
Source avec Zip IMAGES DANSANTES 3: MOUVEMENT ALÉATOIRE ORIENTÉ par william voirol
Source avec Zip IMAGES DANSANTES 2: MOUVEMENT ALÉATOIRE SANS SUPERPOSITIONS par william voirol

 Sources en rapport avec celle ci

Source avec Zip Source avec une capture EFFET DE ROTATION A 360° D'IMAGE AVEC ACCELERATION DECELERAT... par kazma
Source avec Zip Source avec une capture DIAPORAMA SIMPLE PAR IFRAME par sartoz
Source avec Zip Source avec une capture DIAPO EN CSS 3D par kazma
Source avec Zip Source avec une capture CENTRAGE D'IMAGE AVEC PETIT EFFET par kazma
Source avec Zip Source avec une capture LIGHTBOX DIAPORAMA par kazma

Commentaires et avis

Commentaire de mkfreedown le 05/03/2011 10:52:44 8/10

Salut
Il te reste des petites modifications à faire... à toi de voir ;)
Cordialement

Commentaire de mole le 05/03/2011 17:54:41

Salut MkFreeDown,

Tu veux parler de la temporisation ?

Et oui, je cherche un moyen :
- simple (ne pas développer une applet Java),
- autonome (sans passer par Ajax synchrone sur fonction PHP hébergée sur un serveur)
- élégante (éviter les boucles sur getTime() qui mange 100% du CPU) pour réaliser une pause en Javascript et pour le moment je ne trouve pas.

Si tu as un tuyau...

Merci.

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

Boucle de temporisation dans une boucle son [ par Debutant39 ] Bonjour. Voici un script que devrait me permettre de jouer 3 fois un son mais pour qu'il ne soit pas mitraillé, il me faut mettre une boucle de tempor comment faire en sorte qu'un diaporama ne boucle pas [ par jpthali ] Salut à tous, J'ai juste une question à propos de la source de cet excellent [url=http://www.javascriptfr.com/codes/DIAPO-SIMPLE-TOUT-PRET_25617.aspx Noob en boucle [ par winnie39 ] Je vais vous paraitre plus que débile mais voila :J' ai un script de diaporama que j' ai créer en melant php et js, jusque là rien d'extraordinaire.Se diaporama [ par tcetce ] salut !!!je viens de créé un diaporama avec Prototype et Script.Aculo.us.sources : http://www.avantagegraphique.net/js/diapo_minis.jsapplication : htt diaporama automatique avec liens sur chaque image [ par ju1385 ] Bonjour, j'ai ici un script simple de diaporama d'image que j'ai récupéré et qui marche bien. Cependant, je voudrais y modifier/ajouter 2 choses (je n diaporama en html [ par CPoPo ] Bonjour, je cherche à créer un diaporama : quand on clic sur "image suivante", une nouvelle image se télécharge. Mias je ne trouve pas le code html à cherche script diaporama [ par MATHIS49 ] Bonjour,connaitriez vous un script libre et gratuit de d ajouter un compteur à un diaporama ? [ par thalijp ] Salut à tous, J'ai une nouvelle question à propos de la source de cet excellent [url=http://www.javascriptfr.com/codes/DIAPO-SIMPLE-TOUT-PRET_25617.a boucle et variables ! [ par BlizarBlizar ] Bonjour ! je voudrais savoir comment on fait en javascript pour générer une chaine de caractère, en boucle .. c'est a dire par exemple : [code=js]fo Boucle for + variable [ par BlizarBlizar ] Bonjour ! alors voilà .. je voudrais écrire : [code=js]var height = 100); for (var i=1; i<height; i++) { .. etc }[/code] Sauf que ça ne fonctionn


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

Photothèque

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,747 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales