Accueil > > > DIAPORAMA 360 DEGRÉ COMPLET ET TOUT AUTOMATIQUE QUATRE VITESSES DE ROTATION PLUS PAUSE ET AFFICHAGE OPTIMISÉ
DIAPORAMA 360 DEGRÉ COMPLET ET TOUT AUTOMATIQUE QUATRE VITESSES DE ROTATION PLUS PAUSE ET AFFICHAGE OPTIMISÉ
Information sur la source
Description
Panoramique diaporama 360 degré complet et tout automatique, quatre vitesses de rotation plus pause, affichage optimisé, liste déroulante pour toutes sortes d'images.... Il est simple et facile à utiliser, fonctionne et marche c'est garantie avec tout, par tout et sur tout, ce 360 degré diaporama complet et tout automatique, a quatre vitesses de rotation pour chaque direction plus pause, affichage optimisé, annonce le début et la fin de l'affichage, les images sont stockées sur une liste déroulante pour toutes sortes d'images et ce n'est pas le tout: il est man½uvré par déférentes commandes, a la possibilité d'afficher des images que vous n'hébergez pas, et a deux possibilités de navigation: l'une avec images en mouvement et l'autre à images fixes; et le plus important c'est qu'il a les moyens de créer des liens vers les pages en relation avec les images et donne la possibilité d'affiché chaque image entièrement dans une nouvelle fenêtre, et tout cela n'empêche pas le code de s'intégrer facilement dans n'importe quelle page et ne nécessite aucune installation. Un code de démonstration est disponible sur cette adresse : http://abdelaziz.site.voila.fr/sources.htm Condition d'utilisation: 1- bien s'en servir 2- respecter les droits et les instructions de l'auteur 3- pour ceux qui peuvent et ont des idées: le perfectionner et informer l'auteur et lui signaler tout changement important ajouté au code. 4- bonne chance.
Source
<!--//
// personalisation de la fenêtre d'affichage du diaporama
function PL(){
self.moveTo(0,0)
self.resizeTo(screen.availWidth,screen.availHeight)
}
function TT(){
// entrez vos parametres là ou c'est indiqué, et ne rien Changer d'autres pour garder le droit d'utilisation merci.
/*
abdelaziz rejeb Elalia Tunisie
http://abdelaziz.site.voila.fr
pour tout contact: http://intersite.site.voila.fr
Elalia - Tunisie le 25/05/2007
*/
MX=7 // Entrez le nombre Total d'images
}
image="photos/texte.gif"; // l'adresse complete de l'image à afficher au demarrage
/*
Donnez l'adresse complete de chaque image et tenez compte que vous avez la possibilité d'importer
des images externes de toutes sortes dans les mêmes dimentions que le diaporama
*/
var imgUrl=new Array();
imgUrl[0]="photos/texte.gif";
imgUrl[1]="photos/stockholm.jpg";
imgUrl[2]="photos/etoile.gif";
imgUrl[3]="photos/images.gif";
imgUrl[4]="outils/background.jpg";
imgUrl[5]="photos/ciel.jpg";
imgUrl[6]="photos/soir.jpg";
/*
la liste d'images: entrez ici les noms ou les titres des images
*/
op = '<option value="'
fop = '</option>'
image1 = op+imgUrl[0]+'">Bienvenus'+fop;
image2 = op+imgUrl[1]+'">stockholm'+fop;
image3 = op+imgUrl[2]+'">Des étoiles'+fop;
image4 = op+imgUrl[3]+'">Des images'+fop;
image5 = op+imgUrl[4]+'">Background mobil'+fop;
image6 = op+imgUrl[5]+'">Ciel sur mer'+fop;
image7 = op+imgUrl[6]+'">Beauté du soir'+fop; // Ajouter des option, si vous voulez
L = image1+image2+image3+image4+image5+image6+image7 // entrez ici les nouvelles images dans l'ordre
/*
création du diaporama
*/
Limg=502 ; // Largeur de l'image
Himg=250 ; // Hauteur de l'image
/*
creation de la commande de vitesse
*/
Mask="outils/gif1.gif"; // adresse comlete de l'image mask
Lmsk=60 ; // Largeur de l'image mask
Hmsk=250 ; // Hauteur de l'image mask
Lmskstop=12 ; // Largeur de la commande Stop
bordure=1 ; // si vous ne voulez pas de bordure alors mettez 0
couleur="#003366" ; // entrez la couleur de la bordure
document.write('<style type="text/css" media="screen">');
document.write('#Diapo360{width: '+ Limg + 'px; height: '+ Himg +'px; background-color:#000000;}'+'IMG {cursor: pointer;};');
document.write('</style>');
var Diapo360 = document.getElementById("Diapo360");
Diapo360.style.border = "solid "+bordure+"px "+couleur;
Diapo360.style.background = "url("+image+") repeat";
X = 1; // glissement à un coté
Y = -1; // glissement inversé
D = 10; // vitesse de rotation
/*
image mask pour variation de vitesse
*/
imd= '<img onmouseover=\'Y = ';
imf= '\' border=0 src=outils/gif1.gif width='+Lmsk+' height='+Hmsk+'>';
/*
la largeure de l'image mask pour le stop
*/
imfs= '\' border=0 src='+Mask+' width='+Lmskstop+' height='+Hmsk+'>';
setInterval('Deroulement()', 90); // 90 = Duré du pause
function Deroulement()
{
X += Y / D*100 ;
document.getElementById("Diapo360").style.backgroundPosition = X + "px";
}
/*
creation et affichage des images maske pour commonder la vitesse
Pour augmenter ou deminuer la vitesse à droite et à gauche Vous pouvez modifier les valeurs dans les lignes suivantes
pour faire tourner avec ou contre le mouvement du curseur il suffit de changer les valeurs positive contre les valeurs negatives au lignes suivantes.
*/
var editer = ""+
imd+ 7 + imf+
imd+ 2.5 + imf+
imd+ 0.7 + imf+
imd+ 0.3 + imf+
imd+ 0 + imfs+ // la commonde du stop
imd+ -0.3 + imf+
imd+ -0.7 + imf+
imd+ -2.5 + imf+
imd+ -7 + imf+
""; // on peut ajouter et supprimer des masks de vitesse dans les deux sens
Diapo360.innerHTML =(editer);
/*
Option de sélection et remplacement d'images
*/
var selection = 0;
function versplus() {
TT()
// annonce la fin du diaporama
if (selection >=MX-1)
alert('Fin du diaporama pour afficher d\'autres images \n\rCliquer sur: [ <<= ]\r\nOu sélectionnez une image dans la liste.');
selection = document.forms[1].elements[0].selectedIndex;
if (selection < document.forms[1].elements[0].length-1) {selection ++;}
document.forms[1].elements[0].selectedIndex=selection;
}
function versmoins() {
// annonce le debut du diaporama
if (selection == 0)
alert('Debut du diaporama pour afficher d\'autre images \n\rCliquer sur: [ =>> ]\r\nOu sélectionnez une image dans la liste.');
selection = document.forms[1].elements[0].selectedIndex;
if (selection > 0) {selection --;}
document.forms[1].elements[0].selectedIndex=selection;
}
function ChoiX(selection) {
document.forms[1].elements[0].selectedIndex = selection;
}
// Affiche l'image sélectionnée sur la liste deroulante
function ApLiQuE() {
selection = document.forms[1].elements[0].selectedIndex;
document.Diapo360.style.backgroundImage = "url("+ imgUrl[selection] +")";
}
// Création des liens
function changeliens(FF,x)
{
if(document.getElementById)
document.getElementById(x).innerHTML = FF;
}
// Affichage des liens
function AFICHE()
{
changeliens('<a title="afficher la page d\'information" target=_blank href='+document.imageimportee.choix.value+'.htm><img style="MARGIN-TOP: 5px; MARGIN-BOTTOM: 1px; MARGIN-RIGHT: 1px; MARGIN-LEFT: 3px" border=0 src=outils/apage.gif width=16 height=16> Page','lien_page'); changeliens('<a title="afficher l\'image entière" target=_blank href='+document.imageimportee.choix.value+'><img style="MARGIN-TOP: 5px; MARGIN-BOTTOM: 1px; MARGIN-RIGHT: 1px; MARGIN-LEFT: 5px" border=0 src=outils/aimage.gif width=16 height=16> Image','lien_image');
}
CO='<span style="FONT-SIZE: 7pt"><a title="Pur Tout Contact Cliquez ICI" style="TEXT-DECORATION: none" href="http://siv.site.voila.fr/index.htm" target="_blank"><font color="#353535">Développé Le: 25/05/2007 Par Abdelaziz Rejeb - Elalia 7016 - Tunisie</font></a></span>';
// Tres important: si vous utilisez des images importés d'autres emplassements... vous devez créer un liens vers la page d'information en relation, si non suprimez le liens de la page.
// -->
Conclusion
Le style et le code html c'est à vous de s'en occuper, Pour obtenir de l'aide et avoir plus d'information vous pouvez toujours me contacter sur cette adresse : http://siv.site.voila.fr
Historique
- 12 juin 2008 06:40:57 :
- rien
- 12 juin 2008 06:48:42 :
- !
- 16 avril 2009 12:34:22 :
- !
Sources de la même categorie
Commentaires et avis
Discussions en rapport avec ce code source dans le forum
Diaporama à partir d'un dossier [ par SCWeb ]
Bonjour,Je cherche désespérément un javascript qui permettrait tout simplement d'afficher un diaporama à partir d'un dossier sans
diaporama aleatoire sur une page web [ par photographe62 ]
Bonjour a tout le monde, j'en appelle a votre aide pour resoudre un petit probleme qui je suis persuadé ne vous fera pas peur, mais par contre pour mo
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
défi en javascript [ par eucalion ]
Bonjour à tous, Voici un défi de programmation, sans doute java script, pour qui voudra bien le tenter : Sur la page d'accueil de présent
défi en javascript [ par eucalion ]
Bonjour à tous, Voici un défi de programmation, sans doute java script, pour qui voudra bien le tenter : Sur la page d'accueil de présent
Problème sur un diaporama : images décalées [ par niscemie ]
Bonjour, Je suis graphiste et je suis amenée à intégrer un petit diaporama sur une page. J'ai donc trouvé un script simple qui me permettait d'affiche
Centrer des images de tailles différentes dans un diaporama fondu enchainé [ par pseudodejautilis ]
Bonjour, j'ai un petit souci avec un diaporama avec fondu enchainé des images, il marche très bien mais je n'arrive pas à le centrer : c'est le côté h
Diaporama [ par daddou1707 ]
est ce possible de créer un diaporama qui affiche un ensemble des images situer dans un dossiers. j'ai pu faire un diaporama qui s'affiche dans un pag
une diaporama des images avec l’audio avec javascript [ par a_moukriss ]
bonjour j'espere quie je suis dans le bon endroi pour poster ma question ! je veux realiser une diaporama (avec javascript)des images avec l'audio q
Préchargement images [ par jmtoulon ]
Bonjour,je suis en train de créer un site de jeu de carte.Je fais une function qui pré charges les images de toutes les cartes de jeu (52)je voudrais
|
Derniers Blogs
[TECHDAYS 2010] #04 - WORKSHOP : UPGRADE DE MOSS 2007 VERS SHAREPOINT 2010[TECHDAYS 2010] #04 - WORKSHOP : UPGRADE DE MOSS 2007 VERS SHAREPOINT 2010 par pierre
Alain Bastardie (Consultant SQLi) présente le workshop d'upgrade de MOSS 2007 vers SharePoint 2010. Philisophie de la migration Faire un état des lieux avant de démarrer Utiliser des outils sur MOSS 2007 Résoudre les problèmes potent...
Cliquez pour lire la suite de l'article par pierre TECHDAYS PARIS 2010 : LA GOUVERNANCE DANS SHAREPOINT ONLINETECHDAYS PARIS 2010 : LA GOUVERNANCE DANS SHAREPOINT ONLINE par ROMELARD Fabrice
Animé par: Emmanuel Bergerat et Damien Caro La session a démarré par un premier retour sur la situation de la la solution BPOS (Business Productivity OnLine Suite) et les possibilités commerciales associées ...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice TECHDAYS PARIS 2010 : ADMINISTRATION SHAREPOINT 2010TECHDAYS PARIS 2010 : ADMINISTRATION SHAREPOINT 2010 par ROMELARD Fabrice
Animé par: Patrick Guimonet et Benoit Hamet Cette session traitera des différents points exigés durant les taches d'administration : Planification (architecture, hébergement, authentification, .) Opération e...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice [TECHDAYS 2010] #03 - WEB CONTENT MANAGEMENT SOUS SHAREPOINT 2010[TECHDAYS 2010] #03 - WEB CONTENT MANAGEMENT SOUS SHAREPOINT 2010 par pierre
Stephane Cordonnier de MCNext nous présente les fonctionnalités Web Content Management (WCM) sous SharePoint 2010. Qu'est-ce que le WCM ECM, GED, RM, WCM c'est quoi Plateforme SharePoint Versions SharePoint 2010 SharePoint Fondation...
Cliquez pour lire la suite de l'article par pierre [DESIGN PATTERNS] PARTIE 2: DIP: DEPENDENCY INVERSION PRINCIPLE[DESIGN PATTERNS] PARTIE 2: DIP: DEPENDENCY INVERSION PRINCIPLE par tja
C'est le dernier principe des principes du Design Orienté Objet (The Principles of Object Oriented Design) fondés par Robert C. Martin plus connu sous le pseudonyme d'Uncle Bob.
l'image empruntée de LosTechies.
Je ne traite pas les principes dans...
Cliquez pour lire la suite de l'article par tja
Forum
PETITE HORLOGEPETITE HORLOGE par tatillon
Cliquez pour lire la suite par tatillon
Logiciels
DB-MAIN (9.1.0)DB-MAIN (9.1.0)DB-MAIN is a data-modeling and data-architecture tool. It is designed to help developers and anal... Cliquez pour télécharger DB-MAIN Xilisoft DPG Convertisseur (5.1.37.0120)XILISOFT DPG CONVERTISSEUR (5.1.37.0120)Xilisoft DPG Convertisseur offre aux fans de Nintendo DS une bonne solution leur permettant de dé... Cliquez pour télécharger Xilisoft DPG Convertisseur GraphicsGale (2.01.01)GRAPHICSGALE (2.01.01)GraphicsGale est un logiciel de PixelArt avec de nombreuse fonctionnalités permettant de réalisé ... Cliquez pour télécharger GraphicsGale Architecte 3D (Platinum 2010)ARCHITECTE 3D (PLATINUM 2010)Architecte 3D Platinium vous permet de concevoir facilement les plans votre future maison, de l'é... Cliquez pour télécharger Architecte 3D TeamViewer 5 (TeamViewer 5)TEAMVIEWER 5 (TEAMVIEWER 5)Dépanner un ami,expliquer une manipulation devient un jeu d'enfant.
Prise en main d'un autre ord... Cliquez pour télécharger TeamViewer 5
|