| Server IP : 109.234.164.53 / Your IP : 216.73.216.136 Web Server : Apache System : Linux cervelle.o2switch.net 4.18.0-553.32.1.lve.el8.x86_64 #1 SMP Thu Dec 19 13:14:03 UTC 2024 x86_64 User : computer3 ( 1098) PHP Version : 7.1.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/computer3/lachocolateriedevirginie.fr/business/business/ |
Upload File : |
<br /><br />
<!-- <div style="text-align:left">Voir ici tous nos albums... <span class="btnn"><a href="galerie-photos">J'y vais !</a></span></div> -->
<br /><br />
<div class="content_gallery_mini">
<div id="arrow1" style="float: left; margin-top: 40px; margin-left: -40px;">
<img style="width: 20px; height: auto;" alt="" src="images/mini_first.png" onmousedown="clearInterval(currentScroll); currentScroll=setInterval(function() { myScroll('scroller', -100000, 1) }, 50);" onmouseup="clearInterval(currentScroll); currentScroll=setInterval(function() { myScroll('scroller', 2) }, 50);"/>
</div>
<div id="arrow2" style="float: right; margin-top: 40px; margin-right: -40px;">
<img style="width: 20px; height: auto;" alt="" src="images/mini_end.png" onmousedown="clearInterval(currentScroll); currentScroll=setInterval(function() { myScroll('scroller', 100000, 1) }, 50);" onmouseup="clearInterval(currentScroll); currentScroll=setInterval(function() { myScroll('scroller', 2) }, 50);"/>
</div>
<div id="arrow3" style="float: left; margin-top: 70px; margin-left: -40px;">
<img style="width: 20px; height: auto;" alt="" src="images/mini_prev.png" onmouseover="clearInterval(currentScroll); currentScroll=setInterval(function() { myScroll('scroller', -10, 1) }, 50);" onmouseout="clearInterval(currentScroll); currentScroll=setInterval(function() { myScroll('scroller', 2) }, 50);"/>
</div>
<div id="arrow4" style="float: right; margin-top: 70px; margin-right: -40px;">
<img style="width: 20px; height: auto;" alt="" src="images/mini_next.png" onmouseover="clearInterval(currentScroll); currentScroll=setInterval(function() { myScroll('scroller', 10, 1) }, 50);" onmouseout="clearInterval(currentScroll); currentScroll=setInterval(function() { myScroll('scroller', 2) }, 50);"/>
</div>
<div style="text-align:center">
<div id="scroller" class="mini_gallery" style="overflow : hidden;height: auto;" onmouseover="clearInterval(currentScroll)" onmouseout="currentScroll=setInterval(function() { myScroll('scroller', 2) }, 50);">
<script>
var sens = '+';
function myScroll(content, value, sensAbs) {
miniGalerie();
var elem = $("#scroller");
if (elem.scrollLeft() == 0) {
sens = '+';
} else if (elem.width() + elem.scrollLeft() >= elem[0].scrollWidth) {
sens = '-';
}
if (sensAbs == '1')
document.getElementById(content).scrollLeft += value;
else {
if (sens == '+')
document.getElementById(content).scrollLeft += value;
else if (sens == '-')
document.getElementById(content).scrollLeft -= value;
else
console.log('erreur');
}
}
currentScroll = setInterval(function() { myScroll('scroller', 2) }, 50);
</script>
{foreach $mini_gallery as $gallery} <a href="uploadfiles/gallery/{$gallery.name}" data-lightbox="roadtrip" title="{$gallery.caption}" data-title="{$gallery.caption}">
<img src="uploadfiles/gallery/mini/{$gallery.name}" alt="{$gallery.caption}" title="{$gallery.caption}" style="margin:10px; margin-bottom:0;border: 0px solid #fff;"/></a>
{/foreach}
<script>
function miniGalerie() {
var elem = $("#scroller");
if (elem.width() >= elem[0].scrollWidth) {
document.getElementById('arrow1').style.display = 'none';
document.getElementById('arrow2').style.display = 'none';
document.getElementById('arrow3').style.display = 'none';
document.getElementById('arrow4').style.display = 'none';
} else {
document.getElementById('arrow1').style.display = 'block';
document.getElementById('arrow2').style.display = 'block';
document.getElementById('arrow3').style.display = 'block';
document.getElementById('arrow4').style.display = 'block';
}
}
</script>
</div>
</div>
</div>
<div class="marge-bottom"></div>