Création site web - diaporama photos - HTML/CSS - Programmation
MarshPosté 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 [{
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>