le Slideshow caché d'iWeb, activez-le !

Voir le sujet précédent Voir le sujet suivant Aller en bas

le Slideshow caché d'iWeb, activez-le !

Message par koeklin le 8/3/2011, 10:17

Si, comme moi, vous n' êtes pas fans du popup slideshow d'iWeb, voici la façon la plus facile de faire un diaporama avec des transitions (de choix varié) sur une page iWeb.

Voici le résultat : http://iweb.debutersurmac.com/diapo/sixteen.html

Cette combine active des scripts déjà présents dans iWeb, elle ne nécessite aucune connaissance en code et est donc accessible au plus grand nombre.

Edit du 27/10/12: les nouveaux liens vers le code et un exemple sont ici :
http://iwebwidgets.cyclosaurus.com/AutoSlideshow/AutoSlideshow.html
code : http://iwebwidgets.cyclosaurus.com/AutoSlideshow/noCaptionCode.html
http://iwebwidgets.cyclosaurus.com/AutoSlideshow/SlideshowWithCaption.html
code :http://iwebwidgets.cyclosaurus.com/AutoSlideshow/withCaptionCode.html

Il s'agit
  • d'un simple script à coller dans un fragment HTML d'une page du modèle Photos.
  • et de quelques conseils pour en améliorer la présentation


L'astuce (en anglais) :
https://discussions.apple.com/message/13175645#13175645

Pour ceux qui ne liraient pas l'anglais voici la combine :

1. Mettez des photos sur la grille d'une page Photos (facile)

2. Désactivez toutes les options (téléchargement, commentaires, diaporama) grâce à l'inspecteur > Photos >
  • a. Onglet Photos :
    • > taille de téléchargement des photos : aucun
    • > commentaires : aucun

  • b. Onglet Diaporama :
    • > décocher afficher le diaporama

(facile)

3. double cliquer sur une image pour la mettre en grand et faire apparaitre les icônes de forme de présentation (avec ou sans vignette) . choisissez le mode presentation sans vignette (facile)

4. selectionnez la grille de photos et mettez son opacité à 0 grace à l'inspecteur > inspecteur des graphismes > Opacité à 0 (facile)

5. Copiez le code présent sur cette page et collez le dans un fragment HTML
Si besoin changez la valeur de la ligne
Code:
var theEffect = [5, 0];
en choisissant un des nombres donnés en exemple plus haut dans le code (list of transition effects) et que x est un chiffre entre 0 et 9 *
(facile)

et publiez. (facile)


*Pour mon exemple (lien en haut de ce message) , j'ai choisi des transitions aléatoires
Code:
var theEffect = [0, 0];


Dernière édition par koeklin le 27/10/2012, 16:13, édité 6 fois

-------------------
Débutersurmac.com (tutoriels vidéos): 'iWeb (de la version '06 à la version '09) - mon site iWeb (en construction)
Pas d'aide par message privé - merci.
avatar
koeklin
Membre Pathologique

Messages : 1924
Inscription : 20/10/2007 Localisation : le vexin
Version iWeb : A remplir!
Publication : Ftp integré

http://www.debutersurmac.com/

Revenir en haut Aller en bas

Re: le Slideshow caché d'iWeb, activez-le !

Message par DrOSX le 8/3/2011, 22:06

Merci. good

-------------------
Pas de support par M.P - Si vous avez des soucis de connexion, un POST est crée pour vous
avatar
DrOSX
Administrateur

Messages : 1338
Inscription : 15/10/2007 Masculin Localisation : Atlantique/Altitude 0
Version iWeb : 3
Publication : locale

Revenir en haut Aller en bas

slideshow

Message par lucien de montmartre le 20/3/2011, 21:37

Bonsoir,

J'ai installé le slideshow sur deux, trois pages de mon site — site que je modifie en suivant vos conseils à tous. Je trouve le système un peu lent, mais mieux que le diaporama d'iWeb. Par contre, est-il possible d'arrêter le défilement, de faire une pause sur une image? Et par ailleurs, qu'en est-il du "zoom" sur une photo?

Merci.
avatar
lucien de montmartre
Simple Membre

Messages : 48
Inscription : 30/01/2011 Localisation : Sète
Version iWeb : A remplir!
Publication : MobileMe

http://www.luciendemontmartre.com

Revenir en haut Aller en bas

Re: le Slideshow caché d'iWeb, activez-le !

Message par koeklin le 22/3/2011, 11:35

Je pense qu'on peut changer les temps d'affichage et de transition mais pour le reste, je n'en ai aucune idée.

-------------------
Débutersurmac.com (tutoriels vidéos): 'iWeb (de la version '06 à la version '09) - mon site iWeb (en construction)
Pas d'aide par message privé - merci.
avatar
koeklin
Membre Pathologique

Messages : 1924
Inscription : 20/10/2007 Localisation : le vexin
Version iWeb : A remplir!
Publication : Ftp integré

http://www.debutersurmac.com/

Revenir en haut Aller en bas

Re: le Slideshow caché d'iWeb, activez-le !

Message par toma le 23/5/2011, 22:31

Bonjour,
J'ai activé le "slideshow" d'Iweb, mais malheureusement, il ne se lance pas automatiquement.
J'ai besoin de cliquer 1 fois, pour qu'il se déclenche:

http://web.me.com/t.boursier/RawkBrune/rbindex.html

Quelqu'un serait-il succeptible de m'aider ?

merci d'avance :)

Toma

toma
Nouveau

Messages : 2
Inscription : 23/05/2011 Localisation : paris
Version iWeb : A remplir!
Publication : MobileMe

Revenir en haut Aller en bas

Re: le Slideshow caché d'iWeb, activez-le !

Message par koeklin le 23/5/2011, 23:44

Comme ça, je dirais d'augmenter la valeur du chkFooter. chez vous elle est à 100 (c'est court...)
Code:
chkFooter = setInterval(function () { checkFooter(); }, 1000);

-------------------
Débutersurmac.com (tutoriels vidéos): 'iWeb (de la version '06 à la version '09) - mon site iWeb (en construction)
Pas d'aide par message privé - merci.
avatar
koeklin
Membre Pathologique

Messages : 1924
Inscription : 20/10/2007 Localisation : le vexin
Version iWeb : A remplir!
Publication : Ftp integré

http://www.debutersurmac.com/

Revenir en haut Aller en bas

Re: le Slideshow caché d'iWeb, activez-le !

Message par toma le 24/5/2011, 00:28

Ça semble fonctionner.
merci beaucoup de votre réponse :)

Toma

toma
Nouveau

Messages : 2
Inscription : 23/05/2011 Localisation : paris
Version iWeb : A remplir!
Publication : MobileMe

Revenir en haut Aller en bas

Re: le Slideshow caché d'iWeb, activez-le !

Message par Giloukhepa le 16/6/2011, 20:05

Bonjour,

Je suis nouvelle sur le forum et très novice en matière de code html.
Je souhaite insérer un slideshow sur une des pages de mon site en construction en utilisant le code fourni par Koeklin mais sur une page de ma composition et non une page au gabarit "PHOTO" iWeb. Est-ce possible?
Autre chose, j'ai tenté l'essai en suivant le protocole énoncé mais en vain. J'ai beau faire glisser le widget, y inscrire le code, appliquer, rien ne se passe...
Merci de m'aider en essayant, si vous avez le temps, de m'indiquer toutes les étapes, y compris celles qui vous semblent élémentaires. Gené

Giloukhepa
Nouveau

Messages : 4
Inscription : 27/05/2011 Localisation : France
Version iWeb : A remplir!
Publication : A remplir!

Revenir en haut Aller en bas

Re: le Slideshow caché d'iWeb, activez-le !

Message par koeklin le 17/6/2011, 10:11

Rien ne se passe dans iWeb, il faut publier son site pour voir l'effet sur son navigateur.

Pour créer son diaporama sur une autre page qu'une page Photos il faut utiliser des solutions plus compliquées qui passent par
  • l'édition d'un code HTML et
  • le téléversement manuel de certains fichiers javascript html et/ou css sur votre serveur.

C'est ce que j'ai fait sur toutes les autres pages de ce site de diaporamas et galeries:
http://iweb.debutersurmac.com/diapo/ sauf la page 16 bien sûr qui est le sujet de ce fil de discussion.

-------------------
Débutersurmac.com (tutoriels vidéos): 'iWeb (de la version '06 à la version '09) - mon site iWeb (en construction)
Pas d'aide par message privé - merci.
avatar
koeklin
Membre Pathologique

Messages : 1924
Inscription : 20/10/2007 Localisation : le vexin
Version iWeb : A remplir!
Publication : Ftp integré

http://www.debutersurmac.com/

Revenir en haut Aller en bas

Re: le Slideshow caché d'iWeb, activez-le !

Message par Giloukhepa le 29/6/2011, 17:22

Désolée de répondre un peu tardivement et merci pour votre réponse.
Malheureusement, je pense avoir un vrai problème de publication, car aucun des widgets utilisés ne fonctionne chez moi en dépit de la prise en considération de chacune des étapes...
Je désespère un peu.

Giloukhepa
Nouveau

Messages : 4
Inscription : 27/05/2011 Localisation : France
Version iWeb : A remplir!
Publication : A remplir!

Revenir en haut Aller en bas

Re: le Slideshow caché d'iWeb, activez-le !

Message par tidi le 9/12/2011, 12:25

Bonjour Koeklin !

J'ai passé du temps à suivre tes explication et lire le site UK....

mais ça ne marche pas, j'ai identifié 2 problèmes: ma version 3.0.4 avec l'instruction "décocher afficher le diaporama" que je n'ai pas.
Ensuite les liens du code ne fonctionnent pas et je trouve une page de code mais je ne sais pas ce que je dois coller..

En expérience html, je débute et j'ai copier des lignes html sans problème pour l'instant.
En tout cas si j'y arrive, j'ouvre une bouteille de champ !

Amicalement cher Yoda d'iweb..
fredo

tidi
Nouveau

Messages : 8
Inscription : 09/12/2011 Masculin Localisation : limousin
Version iWeb : 3
Publication : Ftp integré

Revenir en haut Aller en bas

Re: le Slideshow caché d'iWeb, activez-le !

Message par koeklin le 9/12/2011, 15:58

tidi a écrit:mais ça ne marche pas, j'ai identifié 2 problèmes: ma version 3.0.4 avec l'instruction "décocher afficher le diaporama" que je n'ai pas.Ensuite les liens du code ne fonctionnent pas et je trouve une page de code mais je ne sais pas ce que je dois coller..
sélectionnez votre page de modèle Photos dans la colonne latérales d'iWeb (1)
inspecteur > Photos (2) > Diaporama (3)
décochez la case "afficher le diaporama"(4)
copiez le long script (5) contenu dans la page NoCaptionCode ou withCaptionCode du site de cyclosaurus, ce script commence avec la ligne
Code:
<script type='text/javascript'>
et finit avec la ligne
Code:
</script>
et collez-le dans un widget fragment HTML (6)
Sélectionnez la grille de photos (7) et baissé l'opacité à zéro (8) dans l'inspecteur (inspecteur des graphismes)


Cliquez sur l'image ci dessus pour la voir en entier et en plus grand format.

Concernant les liens qui ne marchent pas, le webmaster de ce site a un peu l'habitude de remplacer ces pages par de nouvelles.

Voici les nouvelles URL des pages :
démo avec légende : http://iweb3widgets.cyclosaurus.com/AutoSlideshow/AutoSlideshow.html
démo sans légende : http://iweb3widgets.cyclosaurus.com/AutoSlideshow/SlideshowWithCaption.html

script avec légende : http://iweb3widgets.cyclosaurus.com/AutoSlideshow/withCaptionCode.html
script sans légende : http://iweb3widgets.cyclosaurus.com/AutoSlideshow/noCaptionCode.html

-------------------
Débutersurmac.com (tutoriels vidéos): 'iWeb (de la version '06 à la version '09) - mon site iWeb (en construction)
Pas d'aide par message privé - merci.
avatar
koeklin
Membre Pathologique

Messages : 1924
Inscription : 20/10/2007 Localisation : le vexin
Version iWeb : A remplir!
Publication : Ftp integré

http://www.debutersurmac.com/

Revenir en haut Aller en bas

Re: le Slideshow caché d'iWeb, activez-le !

Message par tidi le 10/12/2011, 11:46

Whaou !

C'est précis !

Je vais faire la manipulation demain après-midi.
merci beaucoup pour la rapidité et la clarté des réponses.

Verdict demain.

Fredo

tidi
Nouveau

Messages : 8
Inscription : 09/12/2011 Masculin Localisation : limousin
Version iWeb : 3
Publication : Ftp integré

Revenir en haut Aller en bas

Re: le Slideshow caché d'iWeb, activez-le !

Message par tidi le 11/12/2011, 23:37

ça marche !!!! c'est génial , merci beaucoup ! je vais juste affiné pour enlever les légendes et je voudrai avoir l'effet keyburn (zoom)

Bravo et merci car je vais faire un meilleur site !


tidi
Nouveau

Messages : 8
Inscription : 09/12/2011 Masculin Localisation : limousin
Version iWeb : 3
Publication : Ftp integré

Revenir en haut Aller en bas

Re: le Slideshow caché d'iWeb, activez-le !

Message par koeklin le 12/12/2011, 00:36

tidi a écrit: je voudrai avoir l'effet keyburn (zoom)
Apple n'avait prévu d'integrer un effet Ken Burns.

Je ne suis pas fan de cet effet mais je l'ai utilisé dans un diaporama fait avecSlideshow2! d'electriprism
Inutile d'espérer ; je ne me lance pas dans l'explication de la mise en place de ce genre de diaporama qui loin d'être aussi facile qu'un simple script à coller dans un widget.

-------------------
Débutersurmac.com (tutoriels vidéos): 'iWeb (de la version '06 à la version '09) - mon site iWeb (en construction)
Pas d'aide par message privé - merci.
avatar
koeklin
Membre Pathologique

Messages : 1924
Inscription : 20/10/2007 Localisation : le vexin
Version iWeb : A remplir!
Publication : Ftp integré

http://www.debutersurmac.com/

Revenir en haut Aller en bas

Re: le Slideshow caché d'iWeb, activez-le !

Message par tidi le 12/12/2011, 00:46

Pas de problème, je reste sur cette présentation.
Pour finir et te remercier encore, je souhaite donc avoir une page avec mes photos qui défilent (c'est fait) et en dessous, du texte pour indiquer les liens picasa des albums des différents événements moto.
Avec la manipulation que tu m'as donné, la page est très grande (car les photos chargées sont cachées en opacité mais je souhaitais mettre mon texte juste en dessous du diaporama qui défile.
ya t'il une astuce pour pouvoir mettre le texte juste en dessous?


tidi
Nouveau

Messages : 8
Inscription : 09/12/2011 Masculin Localisation : limousin
Version iWeb : 3
Publication : Ftp integré

Revenir en haut Aller en bas

Re: le Slideshow caché d'iWeb, activez-le !

Message par tidi le 22/12/2011, 20:09

J'ai fait toute mes pages avec ton code et le site est au top avec les belles photos qui defilent.

Merci encore et bonnes fêtes.
Pour mettre du texte en dessous, j'ai vu que c'est possible en calculant la hauteur d'une photo.

Fredo

tidi
Nouveau

Messages : 8
Inscription : 09/12/2011 Masculin Localisation : limousin
Version iWeb : 3
Publication : Ftp integré

Revenir en haut Aller en bas

Re: le Slideshow caché d'iWeb, activez-le !

Message par LETOREY le 27/3/2012, 14:38

Bonjour

J'aimerai savoir si avec le code de koeklin, on peut ajouter une fonction de mode aléatoire pour l'ordre des photos.
Merci à vous.

Damien

LETOREY
Nouveau

Messages : 3
Inscription : 27/03/2012 Masculin Localisation : ALFORTVILLE
Version iWeb : 3
Publication : Ftp integré

Revenir en haut Aller en bas

Liens

Message par davlab le 24/5/2012, 13:40

Bonjour,

Les liens vers le code HTML semblent ne plus fonctionner.
Quelqu'un pourrait-il m'indiquer d'éventuels nouveaux liens ou me faire parvenir le code html pour le diaporama auto sans légende ?

Merci d'avance et grand bravo pour ce site !

David

mon site iWeb : www.davlab.fr

davlab
Nouveau

Messages : 1
Inscription : 24/05/2012 Masculin Localisation : Briey
Version iWeb : 3
Publication : Ftp integré

Revenir en haut Aller en bas

Re: le Slideshow caché d'iWeb, activez-le !

Message par koeklin le 29/5/2012, 00:06

Voici une des versions du code de Cyclosaurus :

Code:
<script type='text/javascript'>

/*
photosPageDirectSS()
Start Slideshow directly from photo page
*/
/* list of transition effects:
[0, x] = random effects
[1, x] = swap
[2, x] = fade
[3, 0] = wipe right
[3, 1] = wipe left
[4, 0] = horizontal close to  center
[4, 1] = vertical close to  center
[5, 0] = horizontal open from  center
[5, 1] = vertical open from  center
[6, 0] = move out right
[6, 1] = move out left
[7, 0] = move in right
[7, 1] = move in left
[8, 0] = shift right
[8, 1] = shift left
[9, x] = fade out/in
*/
var theEffect = [0, 0]; // set transition effect here ;
chkFooter = setInterval(function () { checkFooter(); }, 1000);

eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('4 k(){5(3.l){c=3.$$(\'.d-f-g-6-A\')[0].6;2=3.$$(\'.d-f-g-6-m\')[0].6;5(c&&2.h){8(4(){2.B(C)},9);5(!(3.$(2.n+\'-D\'))){3.o.p(\'E\');F}q=c.i.G;7=3.$(2.i.r);H=2.h.j;I=7.J.j;s=7.K(\'a\').j;5(s==q){2.b.L(t[0],t[1]);2.b.M=N;2.b.O=1;8(4(){2.b.P()},9);u=3.$$(\'.Q\')[1];8(4(){u.v()},9);w=3.$(2.n+\'-R\');8(4(){w.v()},9);S{x(y)}T(e){}}U{3.o.p(\'!V\')}}}}4 W(){5(3.l){2=3.$$(\'.d-f-g-6-m\')[0].6;5(2.h){7=3.$(2.i.r);7.X.Y=\'Z\'}}z=3.$(\'10\');5(z){y=11(4(){k()},12);x(13)}}',62,66,'||detailViewWidget|parent|function|if|widget|thumbNailsElement|setTimeout|100||mSlideshow|headerControlsWidget|com||apple|iweb|mCurrentMediaStream|preferences|length|photosPageDirectSS|widgets|detailview|instanceID|window|iWLog|entriesCount|gridID|thumbNailsHrefCount|theEffect|headerControlsDiv|hide|footerControlsDiv|clearInterval|chkSS|footerDiv|headercontrols|postToggleNotification|true|thumbnail_view|111|return|entryCount|arrayCount|thumbNails|childNodes|getElementsByTagName|setTransitionIndex|photoDuration|3000|currentPhotoNumber|start|Comment_Posted_Date|footer_controls|try|catch|else|ready|checkFooter|style|visibility|hidden|footer_layer|setInterval|500|chkFooter'.split('|'),0,{}));

</script>

-------------------
Débutersurmac.com (tutoriels vidéos): 'iWeb (de la version '06 à la version '09) - mon site iWeb (en construction)
Pas d'aide par message privé - merci.
avatar
koeklin
Membre Pathologique

Messages : 1924
Inscription : 20/10/2007 Localisation : le vexin
Version iWeb : A remplir!
Publication : Ftp integré

http://www.debutersurmac.com/

Revenir en haut Aller en bas

Re: le Slideshow caché d'iWeb, activez-le !

Message par seba0126 le 26/6/2012, 02:23

-

seba0126
Nouveau

Messages : 1
Inscription : 26/06/2012 Masculin Localisation : BE
Version iWeb : 2
Publication : Ftp integré

Revenir en haut Aller en bas

Re: le Slideshow caché d'iWeb, activez-le !

Message par tableblanche le 21/8/2012, 15:38

Bonjour,

Le diaporama marche à merveille , merci Koeklin pour la combine !
Cependant le curseur placé sur le diaporama est représenté par une main et lorsque l'on clique sur l'une des images qui défile le diaporama s'arrête.
Comment faire pour que le défilement d'image ne puisse pas être stoppé ?
Cela pourrait il venir du code html ?


Merci pour ce forum et d'avance pour votre réponse

tableblanche
Nouveau

Messages : 1
Inscription : 21/08/2012 Masculin Localisation : paris
Version iWeb : 3
Publication : Ftp integré

Revenir en haut Aller en bas

Re: le Slideshow caché d'iWeb, activez-le !

Message par yvonlangue le 6/9/2012, 03:43

Bonjour.

Merci pour ce code il marche super bien.
je n'arrive cependant pas à trouver le code pour la version "AutoSlideshow With Captions",
qui me serait plus utile...

Pouvez-vous m'aider ?

Merci.

yvonlangue
Nouveau

Messages : 1
Inscription : 06/09/2012 Masculin Localisation : marrakech
Version iWeb : 3
Publication : locale

Revenir en haut Aller en bas

Re: le Slideshow caché d'iWeb, activez-le !

Message par koeklin le 27/10/2012, 14:31

le code semble encore en ligne mais Cyclosaurus a la facheuse manie de changer les URLs de ses pages : http://iwebwidgets.cyclosaurus.com/AutoSlideshow/withCaptionCode.html

liens corrigés sur le premier message de ce topic.

-------------------
Débutersurmac.com (tutoriels vidéos): 'iWeb (de la version '06 à la version '09) - mon site iWeb (en construction)
Pas d'aide par message privé - merci.
avatar
koeklin
Membre Pathologique

Messages : 1924
Inscription : 20/10/2007 Localisation : le vexin
Version iWeb : A remplir!
Publication : Ftp integré

http://www.debutersurmac.com/

Revenir en haut Aller en bas

Re: le Slideshow caché d'iWeb, activez-le !

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Voir le sujet précédent Voir le sujet suivant Revenir en haut


 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum