Javascript est un langage de programmation orienté objet qui est idéal pour ajouter des fonctionnalités aux pages Web . Si vous voulez mettre une galerie de photos sur votre site, puis une galerie Javascript est un moyen d' atteindre votre objectif. Avec Javascript , vous pouvez créer une galerie photo avec zoom avant et arrière , et des images miniatures . Lors de la création d'une galerie photo Javascript partir de zéro est une technique de pointe , laissant tomber un modèle pré-existant dans votre page web vous donnera le même résultat avec moins de travail. Choses que vous devez ImageFlow script de galerie ( voir les références à télécharger ) Afficher plus d' instructions 1
Placez les imageflow.js et imageflow.css dans un répertoire accessible Web . Par exemple, vous pouvez les placer directement dans la racine du document , ou un «comprend» sous-dossier 2
Copiez le coller la ligne de code suivante dans la tête du document HTML : . 3
modifier l'attribut href pour indiquer où vous avez placé le fichier " imageflow.css " dans la première étape. Si vous l'avez placé à la racine directement , vous n'avez pas besoin de changer quoi que ce soit . 4
copiez et collez les lignes de code suivantes dans le bas de la page que vous voulez inclure une galerie , juste avant la balise body fin 5
Changer l'attribut "src" à partir de la deuxième ligne , au point où vous avez placé le fichier imageflow.js dans la première étape . Si vous l'avez placé à la racine directement , vous n'avez pas besoin de changer quoi que ce soit 6
copiez et collez le code suivant dans le corps de votre document html : .
Ajouter toutes les images que vous voulez à l'intérieur du galerie div de l'étape ci-dessus. Si vous voulez que l'utilisateur soit prise à un autre url lorsqu'ils cliquent sur l'image (comme un lien), puis remplir l'attribut " longdesc " avec une url , sinon la balise image n'a pas besoin de cet attribut. La largeur et la hauteur sont nécessaires pour faire le travail de galerie dans Internet Explorer 8
Copiez et collez le code suivant dans votre document html ci-dessous le code de l'étape 4 , mais avant la balise body fin . < , le type de script = "text /javascript" > domready ( function () {var = new galerie ImageFlow (); gallery.init ({ ImageFlowID : « galleryId '} ) ;}) ; Photos 9
Ouvrez votre page html dans un navigateur pour voir votre galerie de travail .
< img src = " chemin /to/image2.jpg " longdesc =" " width =" url hauteur "=" "alt =" Légende "/>