| 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 : |
<div class="" style="width:80%;margin-left:10%;padding-top: 10px;
padding-bottom: 20px;
padding-left: 30px;
padding-right: 30px;
z-index: 2;
position: relative;
background: #fff;
border: 0;">
<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/listing_immo/{$gallery.picture}" data-lightbox="roadtrip" title="" data-title="">
<img src="uploadfiles/listing_immo/mini/{$gallery.picture}" alt="" title="" 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>