| Server IP : 109.234.164.53 / Your IP : 216.73.216.110 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/litsolide.com/templates/shop/ |
Upload File : |
<div class="clearfix"></div>
<div class="title_cat">
<div class="">{$marq_names_menu}</div>
</div>
<div class="content_gallery_mini">
<div id="arrow1" style="float: left; margin-top: 40px; margin-left: -40px;"><img style="width: 20px; height: auto;" src="images/mini_first.png" alt="" 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;" src="images/mini_end.png" alt="" 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: 80px; margin-left: -40px;"><img style="width: 20px; height: auto;" src="images/mini_prev.png" alt="" 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: 80px; margin-right: -40px;"><img style="width: 20px; height: auto;" src="images/mini_next.png" alt="" 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;" 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 $marques_carrousel as $gallery}
<a href="w-{$gallery.seo}"><img src="uploadfiles/marques/{$gallery.picture}" alt="{$gallery.name}" title="{$gallery.name}" style="padding:5px; border: 1px solid #FFF; height: 150px"/></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>
<br/>
<br/>
<div class="clearfix"></div>