ÿØÿà JFIF ` ` ÿþxØ
| 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 : |
{if (!empty($annonces_immo))}
<h2> Les annonces A LA UNE...</h2>
<div class="content_gallery_mini">
<div id="arrow1" style="float: left; margin-top: 40px; margin-left: -25px;"><img style="width: 20px; height: auto;" src="images/mini_first_old.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: -25px;"><img style="width: 20px; height: auto;" src="images/mini_end_old.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: -25px;"><img style="width: 20px; height: auto;" src="images/mini_prev_old.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: -25px;"><img style="width: 20px; height: auto;" src="images/mini_next_old.png" onmouseover="clearInterval(currentScroll); currentScroll = setInterval(function() { myScroll('scroller', 10, 1) }, 50);" onmouseout="clearInterval(currentScroll); currentScroll = setInterval(function() { myScroll('scroller', 2) }, 50);"/></div>
<center>
<div id="scroller" class="mini_gallery gray" style=" -webkit-box-shadow: 0 0 15px 10px #ddd;
box-shadow: 0 0 15px 10px #ddd; position: relative;height: 296px; overflow : hidden;" onmouseover="clearInterval(currentScroll)" onmouseout="currentScroll = setInterval(function() { myScroll('scroller', 2) }, 50);">
<script type="text/javascript">
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 $annonces_immo as $gallery}
{if $gallery.position < '2' AND $gallery.status =='1' AND $gallery.cleone =='Actif'}
<span style="position: absolute;
bottom: 60px; width: 300px; padding-top: 5px;padding-bottom: 3px;
background: #F4F4F4 ;
font-size: 90%;
color: #141414; z-index: 1000;
">
<b>{$gallery.type} : {$gallery.prix} €</b>
</span>
<span style="position: absolute;
bottom: 30px; width: 300px; padding-top:3px;padding-bottom: 5px;
background: #F4F4F4 ;
font-size: 95%;
color: #CF2729; z-index: 1000;
">
{$gallery.titre|truncate:30}
</span>
<span style="position: absolute;
bottom: 1px; width: 300px; padding-top: 7px;padding-bottom: 10px;
background: #F4F4F4 ;
font-size: 90%;
color: #141414; z-index: 1000;
">
<b>{$gallery.rubrique_id} ({$gallery.dept})</b>
</span>
<a href="{$gallery.lienann}" title="{$gallery.titre}">
<img src="uploadfiles/listing_immo/mini/{$gallery.picture}" alt="{$gallery.titre}" title="{$gallery.titre}" style=""/>
</a>
{/if}
{/foreach}
<script type="text/javascript">
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>
</center>
<span style="font-size: 90%;"><br /><i class="fa fa-chevron-right" aria-hidden="true"></i>
Cliquez sur l'image pour voir l'annonce !</span>
</div>
{/if}
<br /><br />