Voici notre galerie, dans laquelle nous avons placé des photos de notre hébergement et des alentours. Nous allons ajouter plus de photos au cours des prochains mois.
En cliquant sur une les petites images pour chaque chambre, vous permettra de visualiser une version plus grande.
Vous pouvez également visionner un diaporama pour chaque chambre en cliquant sur les images plus grandes, afin de vraiment le gîte à son mieux.
La cuisinière
$('#slideshow').cycle({
fx: 'fade',
speed: '4000',
timeout: 0,
pager: '#nav',
pagerAnchorBuilder: function(idx, slide) {
// return selector string for existing anchor
return '#nav li:eq(' + idx + ') a';
}
$('#direct').click(function() {
$('#nav li:eq(2) a').trigger('click');
return false;
});
});
#slideshow { margin: 20px }
#nav { width: 300px; margin: 15px }
#nav li { width: 50px; float: left; margin: 8px; list-style: none }
#nav a { width: 50px; padding: 3px; display: block; border: 1px solid #ccc; }
#nav a.activeSlide { background: #88f }
#nav a:focus { outline: none; }
#nav img { border: none; display: block }
|
 |
La salle à manger
$('#slideshow2').cycle({
fx: 'fade',
speed: '4000',
timeout: 0,
pager: '#nav2',
pagerAnchorBuilder: function(idx, slide) {
// return selector string for existing anchor
return '#nav2 li:eq(' + idx + ') a';
}
$('#direct').click(function() {
$('#nav2 li:eq(2) a').trigger('click');
return false;
});
});
#slideshow2 { margin: 20px }
#nav2 { width: 300px; margin: 15px }
#nav2 li { width: 50px; float: left; margin: 8px; list-style: none }
#nav2 a { width: 50px; padding: 3px; display: block; border: 1px solid #ccc; }
#nav2 a.activeSlide { background: #88f }
#nav2 a:focus { outline: none; }
#nav2 img { border: none; display: block }
|
