Tutoriel N°12
réaliser un défilement d'images horizontal
Préambule :
Réaliser un diaporama : rien de plus facile, et pourtant... nombreux sont ceux qui devant un défilement obstinément vertical se posent des questions.
Une question de code simplement et de préparation comme précisé ci-dessous. .
9- préparation
a) Danc ce cas l'utilisation d'un logiciel de dessin est recommandé, mais Dessinateur studio ou GIMP 2 sera suffisant pour éventuellement dessiner des motifs, mais surtout pour assembler le diaporama horizontal qui dans ce cas sera limité à la largeur de la page sur laquelle vous procèderez à l'assemblage.
b) A l'aide de photoFiltre procéder au dimentionnement de vos dessins ou images. Toutes de la même dimention.
c) Enregistrer ces dernières au format PNG si vous souhaitez obtenir des effets de transparance.
d) Sur votre logiciel de dessin, procéder à la mise en place des dessins ou images dans un cadre horizontal de la même dimention (hauteur) que les images
e) Enregistrer le tout , au format PNG come indiqué précédamment.
f) Héberger votre fichier sous Dropbox ou autre site d'hébergement de manière à récupérer l'adresse (URL) de votre fichier.
g) Sur votre site Jimdo placer le module "Widgets/HTML" à l'endroit ou vous souhaitez incorporer le diaporama.
k) placer le code HTML : ci dessous dans lequel vous aurez pris soin d'incorporer l'adresse URL de votre fichier ébergé.
Width et height étant les dimentions de votre diaporama.
l) il ne vous reste plus qu'à Enregistrer.
Code à insérer dans le widgets/HTML de Jimdo : <center>
    <div id="bandeau_horizontal" style="position : relative; width:600px; height:135px; border:1px solid black ; overflow : hidden;">
        &#160;<marquee scrollamount="5"><img src="http://u.jimdo.adresse.... URL de votre fichier..../std/image.png" alt="" /></marquée>
    </div>
</center>
Logiciel
Logiciel de dessin. 45€ environ
Logiciel
PhotoFiltre
Gratuit

Exemple :

 


jeune femme russe horloge blog
fille russe horloge html

Copyrigh votresiteweb.info - site créé le 25 août 2014 - B JC