iWeb, j'ai perdu mes flèches !

[yao]

Modifiez l’Application iWeb afin que les boutons des Slideshows
créés avant que me.com (Mobile.me) ne disparaisse,
puissent fonctionner correctement.
 
Nb : iWeb, est une application de la suite logicielle "iLife" d'Apple (livrée jusqu'à la v10 d'iLife, abandonnée il y a peu par Apple), qui permet de réaliser des sites internet avec une facilité déconcertante.



Quand MobileMe (me.com) a disparu des serveurs Apple en juin 2012, certains aspects des slideshows d'iWeb ont cessé de fonctionner correctement, ceci dû au fait que les fichiers requis pour le fonctionnement correct étaient logés sur les serveurs MobileMe et n'étaient donc plus accessibles à la fermeture de me.com.
Chemin (ancien) théorique d'appel des images : http ://www.me.com/1/slideshow/

En tout état de cause, le problème n'est que "cosmétique". Spécialement les images des flèches avance (droite), retour (gauche) et play / pause.

Avant (juin 2012), cela donnait ceci :




Et depuis juin 2012, cela donne ceci (oups) :






Il y a 18 fichiers-images utilisés pour ces slideshows.
Les fichiers basiques étant ceux-ci :





Le descriptif qui va suivre, va nous montrer :
- Comment modifier l’application iWeb (définitivement)
- Comment corriger votre site (script iWPopUpSlideshow.js)
- Comment placer les images (fournies par ce tuto) sur votre serveur




1. Téléchargez le fichier Slideshows.zip en cliquant sur ce lien


2. Décompressez le fichier.zip, vous devriez obtenir ceci (en fait, j'ai obtenu un peu plus de fichiers) :





3. Téléversez sur votre serveur, le dossier slideshow et son contenu.
Personnellement, je ne saurais trop vous conseiller d’inclure ces dossiers, dans un dossier que vous nommerez : iweb (donc le chemin en FTP = iweb/slideshow/images)
Ainsi, par la suite, vous n’aurez aucune difficulté à repérer cette manipulation.
Le chemin devrait donc ressembler à ceci : http: //votre_nom_de_domaine/iweb/slideshow/images/
(attention, j'ai introduit un espace après http ou www dans ces liens URL pour qu'il ne s'affichent pas comme liens cliquables dans iAddict)


4. Nous allons maintenant modifier l’application iWeb.
Par précaution, faites une copie de l’application iWeb (Dupliquer)


5. Avec droite-souris (ou Ctrl + clic), affichez le contenu du Paquet de l’Application iWeb.





6. Parcourez le chemin : Contents/Resources/Scripts/Site
Repérez le fichier nommé : iWPopUpSlideshow.js


7. Demandez les informations (Cmd + i) de ce fichier, ou, avec droite-souris, demandez à « Lire les Informations ».
Il faut en effet le déverrouiller afin que les modifications que nous allons y apporter soient enregistrables.




Pour déverrouiller, cliquez sur le petit cadenas en bas à droite de la fenêtre d’information.
Vous devez alors fournir votre mot de passe d’administration du Mac pour obtenir l’autorisation de modifier les « Partage et les Permissions ».




Cela va vous permettre de passer (momentanément, on remettra les choses à leur place avant de fermer la fenêtre d’information) les Privilèges à "Lecture et écriture" et ce, pour les 3 lignes de la colonne « Nom ».

Avant modification des privilèges :




Après modification des privilèges :




Nb : Laissez la fenêtre d’Information ouverte à cet état-là.



8. Ouvrez ce fichier avec un éditeur tel Smultron, renommé Fraise récemment (logiciel gratuit à rechercher avec Google), puis cherchez la phrase : baseURL="http ://www.me.com/1/
Vous devez trouver l'adresse www me.com par 2 fois dans ce fichier.
Il faut remplacer www .me.com/1 par le nom du serveur sur lequel vous avez téléversé le dossier Slideshow (voir chapitre 3).

Mais attention, le chemin à modifier n’est pas le même pour les 2 phrases.
a) Pour la phrase présente en haut du fichier, cela doit donner quelque chose du genre : http: //www.nom_de_mon_domaine_ext/iweb/slideshow
Ne surtout pas mettre l’ajout du chemin du dossier /images

Image de la première phrase corrigée :





b) Pour la phrase présente en bas du fichier, cela doit donner quelque chose du genre : http: //www.nom_de_mon_domaine_ext/iweb/slideshow/images
Là, il faut bien mettre l’ajout du chemin du dossier /images


Image de la deuxième phrase corrigée :





9. Sauver (Enregistrer) le fichier, remettez les permissions comme trouvées, fermez la fenêtre d’Informations, fermez le Contenu du Paquet.



NOTE :  Pour les sites iWeb déjà existant, vous pouvez modifier le fichier iWPopUpSlideshow.js avec Smultron, et remplacer celui-ci dans le dossier Scripts de votre site.
En effet, on part du principe que la modification de l’application iWeb ne donnera pas forcement l’adresse voulue pour tous les sites que l'on réalise.

Exemple : Si on crée un site pour une tierce personne, il vaut mieux donc modifier le fichier iWPopUpSlideshow.js et le téléverser sur son serveur à lui.

Ainsi, il suffira de sauver le fichier que l’on vient de modifier et Enregistrer (chapitre 9) avec Smultron, autant de fois que nécessaire, c’est-à-dire, pour autant de sites à « corriger », avec autant de nom de domaines personnalisés pour l’occasion.

Ou, mieux encore, en cliquant sur ce lien, vous avez accès à un fichier dont il ne vous faudra changer que les 2 phrases (chapitre 8 )




------------------------------------------------------------------------------------

Tuto traduit de l’Anglais et modifié par Yao depuis le site : http://www.oldtoadstutorials.net/No.iW14.html
Thanks to Roddy McKay for his invaluable help in developing this tutorial.

Pour changer la durée ainsi que les transitions d’un slideshow, voir ce lien (en anglais) :
http://www.oldtoadstutorials.net/No.iW15.html.
_________________
.
95% des gens qui sont sur PC, le sont parce qu'ils ne connaissent pas le Mac
95% des gens qui sont sur Mac, le sont parce qu'ils connaissent le PC
iPhone3GS +iPod80Go +Nano +iMac27" +iMacAlu 20" +MacbookPro 13 +iPad2 32Go

[sponsor]