Création site web - diaporama photos

Création site web - diaporama photos - HTML/CSS - Programmation

Marsh Posté le 14-08-2015 à 17:40:30    


Hello !
 
J'aimerais créer un site et je débute. Pour apprendre, j'aimerais juste faire le site sur mon ordi, pas le mettre en ligne.
Pour commencer, j'ai copié collé le code d'une site déjà existant. J'aimerais faire un diaporama photos de ce style : http://www.manuperu.com/
... je n'arrive pas à intégrer les photos de mon ordi !
Dans le code HTML, il y a un autre code inséré (ci-dessous) ; comment faire pour intégrer le chemin (ex : C:\Users\xxxx\Documents\Site\Images\Photo001.jpg) vers les photos pour qu'elles s'affichent ?
Merci par avance pour votre aide !!
 
 
<script>
/***************************************************
  SUPER SIZED
***************************************************/
jQuery.noConflict()(function ($) {
    $.supersized({
        // Functionality
        slide_interval: 6000, // Length between transitions
        transition: 1, // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
        transition_speed: 700, // Speed of transition
        // Components        
        slide_links: 'blank', // Individual links for each slide (Options: false, 'num', 'name', 'blank')
        slides:
        // Slideshow Images
        [{
             
            image: 'img3/demo/full2.jpg',
            title: 'La Borderie',
            thumb: 'img3/demo/full2.jpg',
            url: '#'
        }, {
            image: 'img3/demo/full3.jpg',
            title: 'La Borderie',
            thumb: 'img3/demo/full3.jpg',
            url: '#'
        }, {
 
            image: 'img3/demo/full4.jpg',
            title: 'La Borderie',
            thumb: 'img3/demo/full4.jpg',
            url: '#'
        }, {
            image: 'img3/demo/full5.jpg',
            title: 'La Borderie',
            thumb: 'img3/demo/full5.jpg',
            url: '#'
        }, {
            image: 'img3/demo/full6.jpg',
            title: 'La Borderie',
            thumb: 'img3/demo/full6.jpg',
            url: '#'
        }, {
            image: 'img3/demo/full7.jpg',
            title: 'La Borderie',
            thumb: 'img3/demo/full7.jpg',
            url: '#'
        }, {
            image: 'img3/demo/full8.jpg',
            title: 'La Borderie',
            thumb: 'img3/demo/full8.jpg',
            url: '#'
        }, {
            image: 'img3/demo/full9.jpg',
            title: 'La Borderie',
            thumb: 'img3/demo/full9.jpg',
            url: '#'
        }]
    });
});
</script>

Reply

Marsh Posté le 14-08-2015 à 17:40:30   

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed