begin process at 2012 05 27 07:39:32
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > Forum > 

Flash / Flash MX

 > 

Divers

 > 

Général

 > 

DIAPORAMA DE PHOTOS EN MANEGE

Derniers messages déposésPoser une question dans le forum ou lancer une discussion

DIAPORAMA DE PHOTOS EN MANEGE

mardi 11 novembre 2008 à 18:19:51 | DIAPORAMA DE PHOTOS EN MANEGE

stephsic
Bonjour à tous !

Je suis nouvelle sur le forum et complètement novice ! Je suis en train de créer mon site Internet pour ma boutique et j'aurais besoin que quelqu'un me dise comment réaliser un diaporama en forme de manège, comme pour le site suivant : [ Lien ]
J'ai le logiciel flash cs3 si c'est utile ! Un tutoriel serait super !
Je vous remercie par avance pour votre aide !
Cordialement,
Steph
mercredi 12 novembre 2008 à 15:13:28 | Re : DIAPORAMA DE PHOTOS EN MANEGE

neone
Bonjour,
tu peux faire ça avec flash comme tu la dis. il s'agit d'animer des images.
avant  tout tu dois créer un fichier contenant les noms de tes images.
aprés dans l'animation flash tu fais dérouler les images dans un sens ou dans un autre selon la position de la souris.
Tu peu trouver des code flash qui font ça.
boncourage.
jeudi 13 novembre 2008 à 11:17:20 | Re : DIAPORAMA DE PHOTOS EN MANEGE

stephsic
Merci pour ton aide, je vais essayer de faire ça !
jeudi 13 novembre 2008 à 14:24:26 | Re : DIAPORAMA DE PHOTOS EN MANEGE

stephsic
Bon, et bien rien n'y fait, je n'y arrive toujours pas... J'ai beau essayé pleins de trucs, ça ne fonctionne pas !
Est ce qu'une âme charitable pourrait me donner un code ?
J'ai bien trouvé un code, mais pour vb, non pour flash...
Je vous remercie par avance pour toute l'aide que vous pourrez m'apporter !
Un code, un tuto, tout ce qui est en votre pouvoir, quoi !
jeudi 13 novembre 2008 à 15:08:15 | Re : DIAPORAMA DE PHOTOS EN MANEGE

neone
bonjour.
ta trouver un code flash macromedia? de toute façon il faut passer par un code pour les positions de la souris. je vais chercher s'il y a un code .
boncourage.
jeudi 13 novembre 2008 à 15:17:54 | Re : DIAPORAMA DE PHOTOS EN MANEGE

stephsic
Salut Neone ! Je n'ai trouvé qu'un code vb (visual basic, je crois !)
J'ai trouvé ça aussi : Mais je ne sais pas comment m'en servir !! Donc toute ton aide sera la bienvenue ! En tout cas, merci de prendre de ton tps pour m'aider !
  • <html>
  • <head>
  • <style>
  • <!-- 
  • .imag{position:absolute;cursor:hand;} 
  • //-->
  • </style>
  • <scriptlanguage=javascript>
  • <!-- 
  • var angle=0,ll,hh,bcl,vit=0.05; 
  • //taille des vignettes 
  • var taille=40 
  • //largeur de tout le manège 
  • var largeur=250 
  • //hauteur de tout le manège 
  • var hauteur=100 
  • //images du manège  
  • var pict=["google.png", 
  • 	"ejs.gif", 
  • 	"google.png", 
  • 	"barre.jpg", 
  • 	"barre.jpg", 
  • 	"google.png", 
  • 	"barre.jpg", 
  • 	"barre.jpg", 
  • 	"barre.jpg", 
  • 	"barre.jpg", 
  • 	"barre.jpg", 
  • 	"barre.jpg"] 
  • //lien des vignettes dans l'ordre des images ci dessus 
  • var lien=["http://google.fr", 
  • 	"http://editeurjavascriptfr.com", 
  • 	"http://google.fr", 
  • 	"http://google.fr", 
  • 	"http://google.fr", 
  • 	"http://google.fr", 
  • 	"http://google.fr", 
  • 	"http://google.fr", 
  • 	"http://google.fr", 
  • 	"http://google.fr", 
  • 	"http://google.fr", 
  • 	"http://google.fr"] 
  • function window_onload(){ 
  • for(i=1;i<13;i++){ 
  • document.body.innerHTML+="<img id=i"+i+" src="+pict[i-1]+" onmouseover=\"vit=0\" onmouseout=\"vit=0.05\" onclick=\"location.href=\'"+lien[i-1]+"\'\" class=imag>" 
  • } 
  • return move() 
  • } 
  • function move(){ 
  • ll=document.body.clientWidth/2 
  • hh=document.body.clientHeight/2 
  • angle=angle-vit 
  • for(i=1;i<13;i++){ 
  • document.getElementById("i"+i).style.left=ll+largeur*(Math.cos(angle+i*Math.PI/6)) 
  • document.getElementById("i"+i).style.top=hh+hauteur*(Math.sin(angle+i*Math.PI/6))+document.getElementById("i"+i).width/2 
  • agl=angle+i*Math.PI/6 
  • document.getElementById("i"+i).width=20*(Math.sin(agl))+taille 
  • document.getElementById("i"+i).style.zIndex=50*(Math.sin(agl))+100 
  • document.getElementById("i"+i).style.opacity=(Math.sin(agl)+1)*0.50 
  • document.getElementById("i"+i).style.filter="alpha(opacity="+(Math.sin(agl)+1)*50+")" 
  • } 
  • setTimeout("move()",1)} 
  • //-->
  • </script></head>
  • <bodyonload="window_onload()">
  • </body>
  • </html>

Liste des fichiers du

jeudi 13 novembre 2008 à 15:42:36 | Re : DIAPORAMA DE PHOTOS EN MANEGE

neone
bonjour,
je vais juste te commenter le code et ce que tu dois changer .(c du java script)
 
 						
     								
  •  										 												 														< 														html 														> 												 										 								
    •  								
  •  										 												 														< 														head 														> 												 										 								
    •  								
  •  										 												 														< 														style 														> 												 										 								
    •  								
  •  										 												 														<!--  												 										 								
    •  								
  •  										 												.imag{position:absolute;cursor:hand;}  										 								
    •  								
  •  										 												//--> 										 								
    •  								
  •  										 												 														</ 														style 														> 												 										 								
    •  								
  •  										 												 														< 														script 														language=javascript> 										 								
    •  								
  •  										 												 														<!-- 
     												     										     								
    •  								
  •  										 												 														 																 																		Variable de l'animation, la taille et tout le reste 																 																
     														     												     										     								
    •  								
  •  										 												 														var angle=0,ll,hh,bcl,vit=0.05;  												 										 								
    •  								
  •  										 												 														//taille des vignettes  												 										 								
    •  								
  •  										 												 														var taille=40  												 										 								
    •  								
  •  										 												 														//largeur de tout le manège  												 										 								
    •  								
  •  										 												 														var largeur=250  												 										 								
    •  								
  •  										 												 														//hauteur de tout le manège  												 										 								
    •  								
  •  										 												 														var hauteur=100  												 										 								
    •  								
  •  										 												 														//images du manège 
     												     										     								
    •  								
  •  										 												 														 																 																		Les images que tu veux animer doivent étre stocker, le plus astucieux c'est de les stocker dans un fichier comme ça t'a pas a toucher au code a chaque fois  																 																
     														     												     										     								
    •  								
  •  										c'est un tableau contenant tes images "leurs noms", pour toi ça sera petre "../FOTOS/image1.jpeg"
     								
    •  								
  •  										 												var pict=["google.png",  										 								
    •  								
  •  										 													"ejs.gif",  										 								
    •  								
  •  										 													"google.png",  										 								
    •  								
  •  										 													"barre.jpg",  										 								
    •  								
  •  										 													"barre.jpg",  										 								
    •  								
  •  										 													"google.png",  										 								
    •  								
  •  										 													"barre.jpg",  										 								
    •  								
  •  										 													"barre.jpg",  										 								
    •  								
  •  										 													"barre.jpg",  										 								
    •  								
  •  										 													"barre.jpg",  										 								
    •  								
  •  										 													"barre.jpg",  										 								
    •  								
  •  										 													"barre.jpg"]  										 								
    •  								
  •  										 												 														//lien des vignettes dans l'ordre des images ci dessus qui sert a envoyer sur l'url voulu  												 										 								
    •  								
  •  										 												var lien=["http://google.fr",  										 								
    •  								
  •  										 													"http://editeurjavascriptfr.com",  										 								
    •  								
  •  										 													"http://google.fr",  										 								
    •  								
  •  										 													"http://google.fr",  										 								
    •  								
  •  										 													"http://google.fr",  										 								
    •  								
  •  										 													"http://google.fr",  										 								
    •  								
  •  										 													"http://google.fr",  										 								
    •  								
  •  										 													"http://google.fr",  										 								
    •  								
  •  										 													"http://google.fr",  										 								
    •  								
  •  										 													"http://google.fr",  										 								
    •  								
  •  										 													"http://google.fr",  										 								
    •  								
  •  										 													"http://google.fr"]  										 								
    •  								
  •  										
     												 														 																 																		 																				 																						//fonction qui donne l'info sur l'image qu'on a survoler ou clické et qui appel move() 																				 																		 																 														 												 										
     								
    •  								
  •  										 												function window_onload(){  										 								
    •  								
  •  										 												for(i=1;i<13;i++){  										 								
    •  								
  •  										 												document.body.innerHTML+="<img id=i"+i+" src="+pict[i-1]+" onmouseover=\"vit=0\" onmouseout=\"vit=0.05\" onclick=\"location.href=\'"+lien[i-1]+"\'\" class=imag>"  										 								
    •  								
  •  										 												}  										 								
    •  								
  •  										 												return move()  										 								
    •  								
  •  										 												} 
     										     								
    •  								
  •  										
     												 														 																 																		// move permet de bouger les image (les animer) 																 														 												 												
     										
     										
     								
    •  								
  •  										 												function move(){  										 								
    •  								
  •  										 												ll=document.body.clientWidth/2  										 								
    •  								
  •  										 												hh=document.body.clientHeight/2  										 								
    •  								
  •  										 												angle=angle-vit  										 								
    •  								
  •  										 												for(i=1;i<13;i++){  										 								
    •  								
  •  										 												document.getElementById("i"+i).style.left=ll+largeur*(Math.cos(angle+i*Math.PI/6))  										 								
    •  								
  •  										 												document.getElementById("i"+i).style.top=hh+hauteur*(Math.sin(angle+i*Math.PI/6))+document.getElementById("i"+i).width/2  										 								
    •  								
  •  										 												agl=angle+i*Math.PI/6  										 								
    •  								
  •  										 												document.getElementById("i"+i).width=20*(Math.sin(agl))+taille  										 								
    •  								
  •  										 												document.getElementById("i"+i).style.zIndex=50*(Math.sin(agl))+100  										 								
    •  								
  •  										 												document.getElementById("i"+i).style.opacity=(Math.sin(agl)+1)*0.50  										 								
    •  								
  •  										 												document.getElementById("i"+i).style.filter="alpha(opacity="+(Math.sin(agl)+1)*50+")"  										 								
    •  								
  •  										 												}  										 								
    •  								
  •  										 												setTimeout("move()",1)}  										 								
    •  								
  •  										 												//--> 										 								
    •  								
  •  										 												 														</ 														script 														> 														</ 														head 														> 												 										 								
    •  								
  •  										 												 														< 														body 														onload="window_onload()"> 										 								
    •  								
  •  										 												 														</ 														body 														> 												 										 								
    •  								
  •  										 												 														</ 														html 														> 												 										 								
    •  								
  •  										
     												 														 																 																		Commence par charger les noms de tes images dans le premier tableau, de préférence appel tes image image1 image2... plus simple pour le code 																 														 												 												
     										
    une fois tu  teste tu me diras ce que ta pu faire.
    •  								
  • boncourage
    •

jeudi 13 novembre 2008 à 15:46:34 | Re : DIAPORAMA DE PHOTOS EN MANEGE

neone

bonjour,
je vais juste te commenter le code et ce que tu dois changer .(c du java script)

  • < html >
  • < head >
  • < style >
  • <!--
  • .imag{position:absolute;cursor:hand;}
  • //-->
  • </ style >
  • < script language=javascript>
  • <!--
  • Variable de l'animation, la taille et tout le reste
  • var angle=0,ll,hh,bcl,vit=0.05;
  • //taille des vignettes
  • var taille=40
  • //largeur de tout le manège
  • var largeur=250
  • //hauteur de tout le manège
  • var hauteur=100
  • //images du manège
  • Les images que tu veux animer doivent étre stocker, le plus astucieux c'est de les stocker dans un fichier comme ça t'a pas a toucher au code a chaque fois
  • c'est un tableau contenant tes images "leurs noms", pour toi ça sera petre "../FOTOS/image1.jpeg"
  • var pict=["google.png",
  • "ejs.gif",
  • "google.png",
  • "barre.jpg",
  • "barre.jpg",
  • "google.png",
  • "barre.jpg",
  • "barre.jpg",
  • "barre.jpg",
  • "barre.jpg",
  • "barre.jpg",
  • "barre.jpg"]
  • //lien des vignettes dans l'ordre des images ci dessus qui sert a envoyer sur l'url voulu
  • var lien=["http://google.fr",
  • "http://editeurjavascriptfr.com",
  • "http://google.fr",
  • "http://google.fr",
  • "http://google.fr",
  • "http://google.fr",
  • "http://google.fr",
  • "http://google.fr",
  • "http://google.fr",
  • "http://google.fr",
  • "http://google.fr",
  • "http://google.fr"] 
  •  										 												 														 																 																		 																				 																						//fonction qui donne l'info sur l'image qu'on a survoler ou clické et qui appel move()
  • function window_onload(){
  • for(i=1;i<13;i++){
  • document.body.innerHTML+="<img id=i"+i+" src="+pict[i-1]+" onmouseover=\"vit=0\" onmouseout=\"vit=0.05\" onclick=\"location.href=\'"+lien[i-1]+"\'\" class=imag>"
  • }
  • return move()
  • } 
  •  										 												 														// move permet de bouger les image (les animer)

  • function move(){
  • ll=document.body.clientWidth/2
  • hh=document.body.clientHeight/2
  • angle=angle-vit
  • for(i=1;i<13;i++){
  • document.getElementById("i"+i).style.left=ll+largeur*(Math.cos(angle+i*Math.PI/6))
  • document.getElementById("i"+i).style.top=hh+hauteur*(Math.sin(angle+i*Math.PI/6))+document.getElementById("i"+i).width/2
  • agl=angle+i*Math.PI/6
  • document.getElementById("i"+i).width=20*(Math.sin(agl))+taille
  • document.getElementById("i"+i).style.zIndex=50*(Math.sin(agl))+100
  • document.getElementById("i"+i).style.opacity=(Math.sin(agl)+1)*0.50
  • document.getElementById("i"+i).style.filter="alpha(opacity="+(Math.sin(agl)+1)*50+")"
  • }
  • setTimeout("move()",1)}
  • //-->
  • </ script > </ head >
  • < body onload="window_onload()">
  • </ body >
  • </ html > 
  •  										 												 														Commence par charger les noms de tes images dans le premier tableau, de préférence appel tes image image1 image2... plus simple pour le code
    une fois tu teste tu me diras ce que ta pu faire.
  • boncourage
jeudi 13 novembre 2008 à 16:22:10 | Re : DIAPORAMA DE PHOTOS EN MANEGE

stephsic
 J'y arrive pas...  J'ai bien créé un dossier contenant mes images : ça donne : D:\Nom du fichier\Site Internet\Photos\Modèles\photos modèles AUTOMNE HIVER 08
Ensuite, en dessous, je mets les noms de mes fichiers :
Baggy.jpg
Pantalon.jpg
etc...
Puis le lien où doivent apparaître les photos :
http://www.nomdemonsite.fr
http://www.nomdemonsite.fr
etc...
Et le reste, je laisse comme c'est !

Mais quand je fais tester, ça me marque :

1. < html > 2. < head > 3. < style > 4. 7. 8. < script language=javascript> 9. 47. / head>48. < body onload="window_onload()"> 49. 0.

Et rien d'autre...
As tu une explication ?! Merci encore !
jeudi 13 novembre 2008 à 18:23:54 | Re : DIAPORAMA DE PHOTOS EN MANEGE

stephsic

Salut !

Aprés avoir bidouillé un peu, voilà ce que j'obtiens :

<html>
<head>
<style>
<!--
.imag{position:absolute;cursor:hand;
border-style:solid;
border-width:3;
border-color:#ffffff;}
.viewer{position:absolute;z-index:99;width:300;}
-->
</style>
<script language=javascript>
<!--
var angle=0,ll,hh,bcl,vit=0.05;
//taille des vignettes
var taille=40
//largeur de tout le manège
var largeur=250
//hauteur de tout le manège
var hauteur=100
//Le nombre d'images
nbrimg=15
//images du manège
var pict=["images\\ p1.jpg",
 "images\\p2.jpg",
 "images\\p3.jpg",
 "images\\p4.jpg",
 "images\\p5.jpg",
 "images\\p6.jpg",
    "images\\p7.jpg",
 "images\\p8.jpg",
 "images\\p9.jpg",
 "images\\p10.jpg",
 "images\\p11.jpg",
 "images\\p12.jpg",
 "images\\p13.jpg",
 "images\\p14.jpg",
 "images\\p15.jpg",]
function window_onload(){
for(i=1;i<=nbrimg;i++){
document.body.innerHTML+="<img id=i"+i+" src="+pict[i-1]+" onmouseover=\"vit=0\" onmouseout=\"vit=0.05\" onclick=\"document.getElementById(\'viewer\').src=this.src\" class=imag>"
}
return move()
}
function move(){
ll=document.body.clientWidth/2
hh=document.body.clientHeight/2
document.getElementById("viewer").style.top=hh-150
document.getElementById("viewer").style.left=ll-150
angle=angle-vit
for(i=1;i<=nbrimg;i++){
document.getElementById("i"+i).style.left=ll+largeur*(Math.cos(angle+i*2*Math.PI/nbrimg))
document.getElementById("i"+i).style.top=hh+hauteur*(Math.sin(angle+i*2*Math.PI/nbrimg))+document.getElementById("i"+i).width/2
agl=angle+i*2*Math.PI/nbrimg
document.getElementById("i"+i).width=20*(Math.sin(agl))+taille
document.getElementById("i"+i).style.zIndex=50*(Math.sin(agl))+100
document.getElementById("i"+i).style.opacity=(Math.sin(agl)+1)*0.50
document.getElementById("i"+i).style.filter="alpha(opacity="+(Math.sin(agl)+1)*50+")"
}
setTimeout("move()",1)}
-->
</script></head>
<body onload="window_onload()" bgColor=black>
<img src="images\p1.jpg" id="viewer" class="viewer"/>
</body>
</html>

Le résultat, c'est que je n'ai aucune photo qui s'affiche... j'ai bien le mouvement mais à la place des photos, j'ai des rectangles avec des croix dedans... Vais je y arriver un jour ??! Merci de me dire ce qui ne va pas dans mon code SVP ?!


1 2

Cette discussion est classée dans : site, photos, diaporama, manege

Répondre à ce message

Sujets en rapport avec ce message

Diaporama Photos [ par Asl49 ] Bonjour à Tous,Inscrit depuis.... quelques minutes !!!!Ayant créé mon site perso, je suis "tombé" par hasard sur votre site et adresse à tous mes sinc animation flash pour diaporama dans un bandeau de site web personnel [ par alfatango1 ] Bonjour à tous, Je suis nouveau sur le forum. Permettez-moi de saluer l'ensemble de la communauté du forum. où puis-je trouver un script en flash Album photos [ par Tchicoboom ] Bonjour, Mon site Internet est publié depuis quelques jours. Entièrement en Flash, j'ai un petit problème que je n'arrive pas à résoudre sur ma page " Diaporama logiciel [ par hugo7 ] Voila , j'ai un logiciel et un site web , sur le site web j'ai un diaporama en flash. Ce que je voudrais savoir si le logiciel peut afficher le diapor A propos d'un diaporama [ par Nidi06 ] Bonjour, C'est la première fois que j'inteviens sur votre forum et espère que vous pourrez m'aider à résoudre mon problème. Je suis amateur et très n mettre des photos de mon site dans un bandeau défilant [ par dubdub06 ] bonjour, j'ai fait un site sur publisher 2007, il contient beaucoup de photos, je voudrais faire un bandeau défilant, dans lequel je glisserai un aper Problème code AS 2 [ par tewal ] Bonjour à toute la communauté! Ceci est un appel à l'aide... Que je vous explique : J'ai un portfolio en Flash, avec un système de diaporama vignette Diaporama AS3 [ par jazzyjames ] Bonjour, J'ai construit un site en ActionScript3, dans lequel je souhaite intégrer un diaporama dynamique. Or les seuls exemples de script que j'ai tr Superbe galerie de photos [ par remlev ] Bonjour, je suis débutant en Flash (et surtout en AS).J'ai vu sur un site une superbe manière de présenter des photos:http://www.pgo.fr/models/speedst


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

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 : 0,967 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)