Pages : 1
#1 Le 17/10/2014, à 09:38
- Arcas
[Débutant] Création Carousel
Bonjour à tous,
Voilà j'ai monté depuis environ 2/3 mois un projet associatif avec un comité de protection des animaux.
Nous souhaitons monté un site internet, et donc comme vous l'aurez compris c'est moi qui m'en occupe.
Je précise par ailleurs que c'est mon tout premier site, je débute dans la programmation.
J'aimerais créer ce type de carousel : http://www.ifaw.org/france
Donc j'ai commencé à suivre ce tutoriel : http://www.experience-developpement.fr/ … otre-site/
J'ai donc extrait le dossier Slideshow sur mon Bureau ( /home/user/)
Aprés ça, j'ai personnalisé le fichier index.html, puis j'ai déplacé mootools.js et slideshow.js dans un sous dossier de /var/www/html/
J'ai ensuite déplacé mon dossier "images" dans ce sous dossier.
Maintenant lorsque je lance ma page php en local rien ne s'affiche ..
J'ai du loupé quelques manip' au passage .. Si quelqu'un peut m'aider, ça serait super !
Cordialement,
Debian Jessie 8.4.0
Kernel 3.16.0-4-686-pae
Lenovo B590
Hors ligne
#2 Le 17/10/2014, à 09:42
- Arcas
Re : [Débutant] Création Carousel
<link rel="stylesheet" type="text/css" href="Test_php/slideshow.css" media="screen" />
<script type="text/javascript" src="Test_php/mootools.js"></script>
<script type="text/javascript" src="Test_php/slideshow.js"></script>
<script type="text/javascript">
//<![CDATA[
window.addEvent('domready', function(){
var data = {
'lemuriens.jpg': { caption: 'Campagne de Protection des Espèces en voies de disparition.', thumbnail: 'lemuriens.jpg', href= 'http://www.ceppaf.fr/CampagneDisparition.php/'}
'Léopard2.jpg': { caption: 'Pétitions: Cirques sans animaux.' , thumbnail: 'Léopard2.jpg' href= 'http://www.ceppaf.fr/CampagneCirques.php/'}
'Alvaro_munera.jpeg': { caption: 'Stoppons la Tauromachie!' thumbnail: 'AlvaroMunera.jpeg', href= 'http://www.ceppaf.fr/CampagneTauromachie.php/'}
'Réchauffementclimatique.jpeg': { caption: 'Réchauffement Climatique: agissons!' , thumbnail: 'Climat.jpeg', href= 'http://www.ceppaf.fr/Ecologiepourtous.php/'}
'Orques.jpeg': { caption: 'Abolissons le massacre des cétacés!' , thumbnail: 'cétacés.jpeg', href= 'http://www.ceppaf.fr/Campagnecétacés.php/'}
'Masai-Mara.jpg': { caption: 'Espace Bien-être.' , thumbnail: 'Masai.jpg', href= 'http://www.ceppaf.fr/Espacebienêtre.php/'}
};
var myShow = new Slideshow('show', data, {controller: true, height: 300, hu: 'images/', thumbnails: true, width: 400});
});
//]]>
</script>
Ci dessous la déclaration du bloc qui va accueillir le diaporama.
<div id="show" class="slideshow">
</div>
Debian Jessie 8.4.0
Kernel 3.16.0-4-686-pae
Lenovo B590
Hors ligne
Pages : 1