Connaissez vous Anfy?

JPSA · Avril 13, 2011, 17:34:12

-Vous cherchez un petit script paramétrable d'animation de vos images.
-Vous n'êtes pas un expert de javascript.
-Vous connaissez un minimum la langue de Shakespeare.
Anfy (gratos) est fait pour vous!

Voici ce que ça donne sur une de mes pages....j'ai laissé tous les styles de transitions, mais on peut choisir...

ICI

Pour télécharger le petit logiciel gratos, c'est ICI

Noir Foncé · Avril 13, 2011, 21:19:39

Bonsoir,
merci pour le lien, il y a l'air d'y avoir plein de choses intéressantes !

J'irai sans doute fouiller à l'occasion.

Cordialement,

justonelux · Avril 13, 2011, 22:40:29

je viens d'essayer, il ne marche pas sous Opera...

JPSA · Avril 14, 2011, 09:36:38

Citation de: justonelux le Avril 13, 2011, 22:40:29
je viens d'essayer, il ne marche pas sous Opera...

Il n'y a pas de raison!

Je pense que c'est à cause du paramètrage du navigateur qui n'autorise pas l'exécution
des javascripts!

Denio · Avril 14, 2011, 10:32:29

Ce n'est pas du Javascript mais du Java. Il faut donc que la machine virtuel Java soit installée sur le poste. Autant faire du flash...

Ensuite, personnellement je trouve les transitions entre les images très kitchs (mais ça doit être paramétrable).

JPSA · Avril 14, 2011, 11:07:08

Citation de: Denio le Avril 14, 2011, 10:32:29
Ce n'est pas du Javascript mais du Java. Il faut donc que la machine virtuel Java soit installée sur le poste. Autant faire du flash...

Ensuite, personnellement je trouve les transitions entre les images très kitchs (mais ça doit être paramétrable).

-Le script de la page est bien du javascript! (appel à des applets écrits en javascript)
-Le flash freine bougrement le référencement des moteurs

On peut faire sobre en transitions comme je l'ai précisé.

ganddalf · Avril 14, 2011, 12:31:30

anfy ...team, du temps de front page, c'était vraiment inovant.
mais c'est payant je crois pour ôter sa pub ?

JPSA · Avril 14, 2011, 14:18:25

Citation de: ganddalf le Avril 14, 2011, 12:31:30
anfy ...team, du temps de front page, c'était vraiment inovant.
mais c'est payant je crois pour ôter sa pub ?

On peut mieux faire:

Entre les balises <head> et </head> de votre page, copier ceci:

<script language="JavaScript1.1">
//specify interval between slide (in mili seconds)
var slidespeed=1000

//specify images
var slideimages=new Array("image1.jpg","image2.jpg","image3.jpg","image4.jpg","image5.jpg","image6.jpg","image7.jpg","image8.jpg","image9.jpg","image10.jpg","image11.jpg","image12.jpg","image13.jpg")

//specify corresponding links
var slidelinks=new Array("")

var newwindow=1 //open links in new window? 1=yes, 0=no

var imageholder=new Array()
var ie=document.all
for (i=0;i<slideimages.length;i++){
imageholder=new Image()
imageholder.src=slideimages
}

function gotoshow(){
if (newwindow)
window.open(slidelinks[whichlink])
else
window.location=slidelinks[whichlink]
}

//-->
</script>

Attention, il faut remplacer "imagex.jpg" par les noms de vos images, on peut en mettre autan qu'on veut

Entre les balises <body> et </body> de votre page, copiez le texte suivant:

<a href="javascript:gotoshow()"><img src="image1.jpg" name="slide" border=0 style="filter:blendTrans(duration=3)" width=755 height=500></a>

<script language="JavaScript1.1">

</script>

Attention, remplacez "image1.jpg" par le nom de votre 1ère image et la taille 755/500 par la taille réelle de vos images. Ce doit être la même pour toutes.

Mettez vos images dans le même dossier que votre page web créée. Vous venez de fabriquer un diaporama à fondus enchaînés en javascript!

Comme moi: ICI

Katana · Avril 17, 2011, 00:05:19

Depuis le temps que je cherchais un truc simple, pour faire un diaporama sur ma page d'accueil, on peut dire que ton script tombe pile poil.

J'intègre ça, a ma page, et ça roule tout seul ?? Pas de pré requis ??

JPSA · Avril 17, 2011, 10:00:21

Citation de: Katana le Avril 17, 2011, 00:05:19
Depuis le temps que je cherchais un truc simple, pour faire un diaporama sur ma page d'accueil, on peut dire que ton script tombe pile poil.

J'intègre ça, a ma page, et ça roule tout seul ?? Pas de pré requis ??

Rien de particulier.

Il suffit de bien suivre les instructions, c'est à dire:
Bien mettre les images dans le même dossier que la page
bien préciser dans le head les noms des images (on peut modifier l'ordre comme on veut après ou augmenter ou diminuer le nombre d'images)

Deux variables exprimées en millisecondes peuvent être modifiées.
Dans le head le temps d'expo des images (var slidespeed)
Dans le body (blenddelay) pour modifier le temps de transition entre deux images.

Bien penser aussi à définir les tailles en pixels.

Ca roule tout seul!

Bon codage.

Katana · Avril 25, 2011, 23:25:53

Merci pour ces précisions, je vais tester ça, avant de passer en prod.