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 chambre Josephine
$('#slideshow5').cycle({
fx: 'fade',
speed: '4000',
timeout: 0,
pager: '#nav5',
pagerAnchorBuilder: function(idx, slide) {
// return selector string for existing anchor
return '#nav5 li:eq(' + idx + ') a';
}
$('#direct').click(function() {
$('#nav5 li:eq(2) a').trigger('click');
return false;
});
});
#slideshow5 { margin: 20px }
#nav5 { width: 300px; margin: 15px }
#nav5 li { width: 50px; float: left; margin: 8px; list-style: none }
#nav5 a { width: 50px; padding: 3px; display: block; border: 1px solid #ccc; }
#nav5 a.activeSlide { background: #88f }
#nav5 a:focus { outline: none; }
#nav5 img { border: none; display: block }
|
|
La chambre Madeleine
$('#slideshow6').cycle({
fx: 'fade',
speed: '4000',
timeout: 0,
pager: '#nav6',
pagerAnchorBuilder: function(idx, slide) {
// return selector string for existing anchor
return '#nav6 li:eq(' + idx + ') a';
}
$('#direct').click(function() {
$('#nav6 li:eq(2) a').trigger('click');
return false;
});
});
#slideshow6 { margin: 20px }
#nav6 { width: 300px; margin: 15px }
#nav6 li { width: 50px; float: left; margin: 8px; list-style: none }
#nav6 a { width: 50px; padding: 3px; display: block; border: 1px solid #ccc; }
#nav6 a.activeSlide { background: #88f }
#nav6 a:focus { outline: none; }
#nav6 img { border: none; display: block }
|
