Accédez à la page HTML qui permettra d'afficher le diaporama. Le diaporama créateur peut accéder à cette page en utilisant le "Gestionnaire de fichiers" si il a un hébergeur avec le panneau de contrôle cPanel. Connectez-vous et cliquez sur "Gestionnaire de fichiers" et de trouver le fichier dans les dossiers sur la droite. Cliquer sur "Éditer" pour accéder au code HTML de la page Web. Les propriétaires de sites peuvent également utiliser un éditeur de Web externe si elles utilisent un de ceux pour créer des pages web et d'édition.
Ouvrez une deuxième fenêtre de navigateur et connectez-vous au panneau de contrôle cPanel. Connexion avec deux connexions vous permet de garder le gestionnaire de fichier ouvert tout en effectuant d'autres tâches en même temps. Cliquez sur le même dossier qui a la page web pour le diaporama. Utilisez le "Télécharger" lien pour trouver les images sur votre ordinateur. Double-cliquez sur toutes les images qui apparaîtront dans le diaporama. Les fichiers d'image télécharger automatiquement lorsque vous double-cliquez dessus. Les propriétaires de sites qui utilisent un logiciel FTP pour le téléchargement de fichiers peuvent également l'utiliser pour télécharger les images.
Accédez à la page à javascriptKit.com qui contient le code, dans les références. Copier la première section de code et mettez-le dans la section de la tête de la page HTML qui affiche le diaporama. La section de tête commence avec le "
" tag et se termine avec le "" tag. Copiez et collez la deuxième section de code entre les balises du corps. Choisissez l'emplacement où le diaporama apparaîtra sur la page. La section de corps commence par la "" tag et se termine avec le "" tag. Modifiez les noms de fichier d'image dans la deuxième section du code javascript. Vérifiez le dossier qui contient les images si vous n'êtes pas sûr au sujet des noms des fichiers d'image. Les noms d'image par défaut commencent par le "food1.jpg" nom de fichier.
Modifiez les adresses Web par défaut et la vitesse du diaporama. Ce code permet au téléspectateur de cliquer sur une image. Chaque image de rotation est un lien qui mènera le spectateur à une page Web sélectionnée quand il clique sur l'image. La première adresse Web dans le code se rapporte à la première image. Utilisez la même adresse Web pour toutes les images se lier à une seule adresse. Changer la vitesse de rotation du diaporama où il est dit "slideshowspeed" dans la deuxième partie du code javascript.
Consultez la page Web dans un navigateur pour prévisualiser le diaporama. Cliquez sur les images et tester les liens. Retour à la gestionnaire de fichiers et dossier de réaliser des modifications souhaitées ou de corriger des erreurs.