Défilement de photos.
Scotch
-
guy64 -
guy64 -
Bonjour à tous et à toutes, je suis un webmaster débutant donc viens poser mes questions sur ce site d'experts. Je suis en train de créer un site internet. Un gros problème se pose à moi. Je ne sais pas comment créer une bannière verticale avec défilement de photos en boucle. Existe t-il un logiciel gratuit ou non pour ce genre de flash? je travail sur dreamweaver mais j'ai trop du mal à le gérer, est-il possible créer un tel défilement avec? Merci d'avance des réponses que vous pourrez m'apporter avec précision.
A voir également:
- Défilement de photos.
- Partage de photos - Guide
- Toutes mes photos - Guide
- Barre de défilement - Guide
- Google photos - Télécharger - Albums photo
- Comment activer le partage de photos dans google photos - Guide
7 réponses
hello, il y a flash mais pas gratos. En fesant quelques recherches sur la toiles il exsiste des soft gratos pour crée des bannières. Sinon un gif animé, mais plus lourd que du flash.
J'ai pu trouver ça: https://www.easy-banner.net/
J'ai pu trouver ça: https://www.easy-banner.net/
OK vais voir ce que je peux faire avec ce logiciel merci beaucoup falcor. Si y'en à d'autre qui ont des plans n'hesitez pas...
En fait j'ai vérifié mais la version démo propose que des bannières à textes. J'ai pas de connaissance en programmation donc pas facile si des logiciel peuvent pas m'aider pas à pas...Au pire si quequ'un pouvait résoudre mon autre problème...J'aimerai qu'un texte défile verticalement lorsque le curseur se place sur une flèche Haut/bas. J'avais mis une barre de défilement mais c pas classe...une réponse pour ca peut etre? merci
Bonjour,
svp je suis débutante sous flash j'aimerais savoir comment faire pour faire défiler des photos verticalement de haut en bas sous flash sur un calque un peu comme les écriture de fin d'un film seulement à la place des écritures on a des photos et dès que la série de photos finies elle recommence
s'il vous plait aidez moi
svp je suis débutante sous flash j'aimerais savoir comment faire pour faire défiler des photos verticalement de haut en bas sous flash sur un calque un peu comme les écriture de fin d'un film seulement à la place des écritures on a des photos et dès que la série de photos finies elle recommence
s'il vous plait aidez moi
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Bonjour,
svp je suis débutante sous flash j'aimerais savoir comment faire pour faire défiler des photos verticalement de haut en bas sous flash sur un calque un peu comme les écriture de fin d'un film seulement à la place des écritures on a des photos et dès que la série de photos finies elle recommence
s'il vous plait aidez moi
svp je suis débutante sous flash j'aimerais savoir comment faire pour faire défiler des photos verticalement de haut en bas sous flash sur un calque un peu comme les écriture de fin d'un film seulement à la place des écritures on a des photos et dès que la série de photos finies elle recommence
s'il vous plait aidez moi
Bonjour Hinuyasha,
J'utilise un sythème de défilement en fondu enchainé d'images en jpg ou gif. tu peux voir l'effet sur http://www.photovelez.fr/portrait.html
Je l'ai utilisé en horizontal mais tu peux le faire en vertical, il te faudra créeer tes bannières de pub avec ton programme de retouche de photos...
à mettre entre <body>et </body> à l'empacement désiré
-----------------------------------------------------------------------------------------------------------
//TOUTES LES IMAGES ONT LE MEME FORMAT
<script language="JavaScript1.2" type="text/javascript">
var slideshow_width='114px' //ENTREZ LA LARGEUR DE L'IMAGE
var slideshow_height='170px' //ENTREZ LA HAUTEUR DE L'IMAGE
var pause=2000 //ENTREZ LA PAUSE ENTRE CHAQUE IMAGE (2000=2 secondes)
var fadeimages=new Array()
//ENTREZ 1) LE CHEMIN DE L'IMAGE
fadeimages[0]=["nom du dossier 1.jpg"] //SYNTAXE COMPLETE DE L'IMAGE
fadeimages[1]=["nom du dossier 2.jpg"]
fadeimages[2]=["nom du dossier 3.jpg"]
fadeimages[3]=["nom du dossier 4.jpg"]
fadeimages[4]=["nom du dossier 5.jpg"]
fadeimages[5]=["nom du dossier 6.jpg"]
fadeimages[6]=["nom du dossier 7.jpg"]
//TU PEUX METTRE AU TEMPS D'IMAGE QUE TU VEUX
var preloadedimages=new Array()
for (p=0;p<fadeimages.length;p++){
preloadedimages[p]=new Image()
preloadedimages[p].src=fadeimages[p][0]
}
var ie4=document.all
var dom=document.getElementById
if (ie4||dom)
document.write('<div style="position:relative;width:'+slideshow_width+';height:'+slideshow_height+';overflow:hidden"><div id="canvas0" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10"></div><div id="canvas1" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10;visibility: hidden"></div></div>')
else
document.write('<img name="defaultslide" src="'+fadeimages[0][0]+'">')
var curpos=10
var degree=10
var curcanvas="canvas0"
var curimageindex=0
var nextimageindex=1
function fadepic(){
if (curpos<100){
curpos+=10
if (tempobj.filters)
tempobj.filters.alpha.opacity=curpos
else if (tempobj.style.MozOpacity)
tempobj.style.MozOpacity=curpos/101
}
else{
clearInterval(dropslide)
nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
tempobj.innerHTML=insertimage(nextimageindex)
nextimageindex=(nextimageindex<fadeimages.length-1)? nextimageindex+1 : 0
var tempobj2=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
tempobj2.style.visibility="hidden"
setTimeout("rotateimage()",pause)
}
}
function insertimage(i){
var tempcontainer=fadeimages[i][1]!=""? '<a href="'+fadeimages[i][1]+'" target="'+fadeimages[i][2]+'">' : ""
tempcontainer+='<img src="'+fadeimages[i][0]+'" border="0">'
tempcontainer=fadeimages[i][1]!=""? tempcontainer+'</a>' : tempcontainer
return tempcontainer
}
function rotateimage(){
if (ie4||dom){
resetit(curcanvas)
var crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.style.zIndex++
tempobj.style.visibility="visible"
var temp='setInterval("fadepic()",50)'
dropslide=eval(temp)
curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
}
else
document.images.defaultslide.src=fadeimages[curimageindex][0]
curimageindex=(curimageindex<fadeimages.length-1)? curimageindex+1 : 0
}
function resetit(what){
curpos=10
var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
if (crossobj.filters)
crossobj.filters.alpha.opacity=curpos
else if (crossobj.style.MozOpacity)
crossobj.style.MozOpacity=curpos/101
}
function startit(){
var crossobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.innerHTML=insertimage(curimageindex)
rotateimage()
}
if (ie4||dom)
window.onload=startit
else
setInterval("rotateimage()",pause)
</script>
--------------------------------------------------------------------------------
A+
J'utilise un sythème de défilement en fondu enchainé d'images en jpg ou gif. tu peux voir l'effet sur http://www.photovelez.fr/portrait.html
Je l'ai utilisé en horizontal mais tu peux le faire en vertical, il te faudra créeer tes bannières de pub avec ton programme de retouche de photos...
à mettre entre <body>et </body> à l'empacement désiré
-----------------------------------------------------------------------------------------------------------
//TOUTES LES IMAGES ONT LE MEME FORMAT
<script language="JavaScript1.2" type="text/javascript">
var slideshow_width='114px' //ENTREZ LA LARGEUR DE L'IMAGE
var slideshow_height='170px' //ENTREZ LA HAUTEUR DE L'IMAGE
var pause=2000 //ENTREZ LA PAUSE ENTRE CHAQUE IMAGE (2000=2 secondes)
var fadeimages=new Array()
//ENTREZ 1) LE CHEMIN DE L'IMAGE
fadeimages[0]=["nom du dossier 1.jpg"] //SYNTAXE COMPLETE DE L'IMAGE
fadeimages[1]=["nom du dossier 2.jpg"]
fadeimages[2]=["nom du dossier 3.jpg"]
fadeimages[3]=["nom du dossier 4.jpg"]
fadeimages[4]=["nom du dossier 5.jpg"]
fadeimages[5]=["nom du dossier 6.jpg"]
fadeimages[6]=["nom du dossier 7.jpg"]
//TU PEUX METTRE AU TEMPS D'IMAGE QUE TU VEUX
var preloadedimages=new Array()
for (p=0;p<fadeimages.length;p++){
preloadedimages[p]=new Image()
preloadedimages[p].src=fadeimages[p][0]
}
var ie4=document.all
var dom=document.getElementById
if (ie4||dom)
document.write('<div style="position:relative;width:'+slideshow_width+';height:'+slideshow_height+';overflow:hidden"><div id="canvas0" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10"></div><div id="canvas1" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10;visibility: hidden"></div></div>')
else
document.write('<img name="defaultslide" src="'+fadeimages[0][0]+'">')
var curpos=10
var degree=10
var curcanvas="canvas0"
var curimageindex=0
var nextimageindex=1
function fadepic(){
if (curpos<100){
curpos+=10
if (tempobj.filters)
tempobj.filters.alpha.opacity=curpos
else if (tempobj.style.MozOpacity)
tempobj.style.MozOpacity=curpos/101
}
else{
clearInterval(dropslide)
nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
tempobj.innerHTML=insertimage(nextimageindex)
nextimageindex=(nextimageindex<fadeimages.length-1)? nextimageindex+1 : 0
var tempobj2=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
tempobj2.style.visibility="hidden"
setTimeout("rotateimage()",pause)
}
}
function insertimage(i){
var tempcontainer=fadeimages[i][1]!=""? '<a href="'+fadeimages[i][1]+'" target="'+fadeimages[i][2]+'">' : ""
tempcontainer+='<img src="'+fadeimages[i][0]+'" border="0">'
tempcontainer=fadeimages[i][1]!=""? tempcontainer+'</a>' : tempcontainer
return tempcontainer
}
function rotateimage(){
if (ie4||dom){
resetit(curcanvas)
var crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.style.zIndex++
tempobj.style.visibility="visible"
var temp='setInterval("fadepic()",50)'
dropslide=eval(temp)
curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
}
else
document.images.defaultslide.src=fadeimages[curimageindex][0]
curimageindex=(curimageindex<fadeimages.length-1)? curimageindex+1 : 0
}
function resetit(what){
curpos=10
var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
if (crossobj.filters)
crossobj.filters.alpha.opacity=curpos
else if (crossobj.style.MozOpacity)
crossobj.style.MozOpacity=curpos/101
}
function startit(){
var crossobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.innerHTML=insertimage(curimageindex)
rotateimage()
}
if (ie4||dom)
window.onload=startit
else
setInterval("rotateimage()",pause)
</script>
--------------------------------------------------------------------------------
A+
salut moi je ccherche comement faire defile des photos avec des ecriture est ce ke tu serai comment faire
Salut ttiiteblonde,
Il te faut un programme de retouche photos.
Si tu en as un
Exemple;
1- ouvrir la photo avec ton programme
2- Ctrl a (tout sélectionner)
3- Ctrl c (copier)
4- Ctrl n (ouvrir nouveau), tu ajoutes 40 pxl en hauteur
5- Ctrl v (coller) tu fais glisser l'image en haut
6- tu édites ton texte en dessous de l'image
7- tu applatis l'image
8- tu enregistres l'image
A+
Il te faut un programme de retouche photos.
Si tu en as un
Exemple;
1- ouvrir la photo avec ton programme
2- Ctrl a (tout sélectionner)
3- Ctrl c (copier)
4- Ctrl n (ouvrir nouveau), tu ajoutes 40 pxl en hauteur
5- Ctrl v (coller) tu fais glisser l'image en haut
6- tu édites ton texte en dessous de l'image
7- tu applatis l'image
8- tu enregistres l'image
A+
Salut Guy!
Merci pour ton script il m'est très utile!
Mais comment faire pour l'utiliser plusieurs fois dans une page HTML?
Je m'explique: Dans ma page HTML, j'ai un tableau avec trois colonnes, et j'aimerais que les images tournent dans les 3 colonnes...j'ai donc copié ton script aux 3 endroits voulu, mais il n'y a que le premier qui fonctionne!
merci
Merci pour ton script il m'est très utile!
Mais comment faire pour l'utiliser plusieurs fois dans une page HTML?
Je m'explique: Dans ma page HTML, j'ai un tableau avec trois colonnes, et j'aimerais que les images tournent dans les 3 colonnes...j'ai donc copié ton script aux 3 endroits voulu, mais il n'y a que le premier qui fonctionne!
merci
Bonjour,
Tu dois appeller dans chaque tableau une page contenant l'animation des images.
Regarde la source de http://www.ekintza.net/
Bon courage et à bientôt
Guy
Tu dois appeller dans chaque tableau une page contenant l'animation des images.
Regarde la source de http://www.ekintza.net/
Bon courage et à bientôt
Guy