Marche à suivre...

C'est parti !

Dropbox

Ouvrir un compte Dropbox gratuit 
(cliquer sur ce lien pour gagner 500 Mo en plus)

 

Une fois Dropbox installé, vous allez ouvrir le dossier "public" et le garder ouvert, c'est ce dossier qui permettra d'afficher le slide.

Si vous avez crée votre compte après Octobre 2012, vous n'aurez pas accès à ce fameux dossier public. Pour le voir apparaitre, faites ceci
Cliquez sur ce lien pour activer votre dossier public.

Téléchargement du Slider

Les fichiers source du slider sont compressés au format winrar, vous pouvez télécharger gratuitement winrar en cliquant ici.

Fichiers du Slider.rar
Archive de donnée comprimée 263.0 KB

Note importante : Dans cette démo, le slider utilisé est : AviaSlider.
Si vous avez besoin de changer la vitesse, les effets, reportez vous à la documentation de l'auteur.

Copie des fichiers sur DB

Une fois que vous avez installé winrar et décompressé l'archive "fichiers du slider.rar", vous obtenez 4 icones (3 dossiers et 1 fichiers html). Vous devez copier ces 4 éléments dans votre dossier Dropbox "public" précédemment ouvert. Vous devez attendre de voir apparaitre l'icone de validation verte sur chaque élément, ceci indiquant que la synchronisation avec dropbox est faite.

 

Ensuite, vous ouvrez le dossier "images" et à ce moment là apparait 2 nouveaux dossier, vous ouvrez le dossier "slides" et passez à l'étape suivante.


Préparer les images

Taille images : 730px (larg.) et 210px (haut.)

Logiciels de retouche

The GIMP est un logiciel gratuit de retouche d'image puissant et assez simple. Il vous permet de retoucher, redimmensionner vos images.

 

Télécharger The GIMP

Tutoriel vidéo The GIMP

Ajout du code sur Jimdo

1 - Ajouter le code html

Ajouter un nouvel élément "widget/html" sur la page d'accueil de votre site par exemple. Ensuite, copier/coller ce code de l'iframe :

<div style="border:none;width:730px;
height:210px;position:absolute;top:15px;"><iframe src="lien-public" scrolling="no" width="730" height="210" frameborder="0"></iframe></div>


2 - Copier le lien Dropbox

Rendez vous dans le dossier public où se trouve vos fichiers puis copiez le lien public Dropbox.

Vous obtiendrez un lien de cette forme :

https://dl.dropbox.com/u/.../html/index.html


3 - Remplacer le lien Dropbox

Pour finir, revenez sur le code que vous avez intégré dans la section widget/html. Remplacez (comprenez effacer) la partie "lien-public" par votre lien dropbox obtenu précedemment puis enregistrez.


Résultat

Le résultat se voit directement sur la page d'accueil.

Mise à jour du slider

Pour mettre à jour, changer les images du slider, rien de plus facile, il vous suffit d'ouvrir votre dossier Dropbox contenant les images et remplacer celles-ci !

Une question, une critique ?

Dans ce cas, merci de vous rendre sur la page commentaires.