Un petit script de slider pour vos premiums

[bertrandg]

J'ai adapté le script du thème "realestate" pour qu'il fonctionne avec la plupart des autres thèmes, le voici

Dans main.php de votre thème après

Code: [Select]

<?php osc_current_web_theme_path('header.php') ; ?>
Coller

Code: [Select]

<!-- DEBUT DU SLIDER -->

<div id="premium-stage" align="center">
<?php osc_get_premiums($max=200);?>
<?php if( osc_count_premiums() == 0) { ?>
<p class="empty"><?php _e('Pas d\'annonce premium') ; ?></p>
<?php } else {
$index = 0;
?>
<?php while ( osc_has_premiums() ) {  ?>
<div class="ui-item">
<div class="frame">
<a href="<?php echo osc_premium_url() ; ?>"><?php if( osc_images_enabled_at_items() ) { ?>
<?php if( osc_count_premium_resources() ) { ?>
<img src="<?php echo osc_resource_preview_url() ; ?>"width="300" height="200" title="<?php echo osc_premium_title(); ?>" alt="<?php echo osc_premium_title(); ?>"/>
<?php } else { ?>
<img src="<?php echo osc_current_web_theme_url('images/no_photo.gif') ; ?>" alt="" title=""/>
<?php } ?>
<?php } else { ?>
<img src="<?php echo osc_current_web_theme_url('images/no_photo.gif') ; ?>" alt="" title=""/>
<?php } ?>
<div class="type"><?php echo osc_premium_category(); ?></div>
<?php if( osc_price_enabled_at_items() ) { ?><div class="price"><?php echo osc_premium_formated_price(); ?></div> <?php } ?>
</a>
</div>
<div class="info">
<div>
<h3><a href="<?php echo osc_item_url() ; ?>"><?php if(strlen(osc_premium_title()) > 70){ echo substr(osc_item_title(), 0, 70).'...'; } else { echo osc_premium_title(); } ?></a></h3>
</div>
<div class="author">
<?php echo osc_format_date(osc_premium_pub_date()); ?><br />
<?php echo osc_premium_city(); ?> (<?php echo osc_premium_region();?>)
</div>
</div>
</div>
<?php 
$index++;
if($index == 0){
break; 
}
}
?>
<div class="clear"></div>
<?php View::newInstance()->_erase('items') ;
} ?>
<script type="text/javascript">
/* <![CDATA[ */
var slides = $("#premium-stage .ui-item:not(:last)").hide();
if(slides.length >= 1){
slider = setInterval('showNext()',3000);
}
function showNext(){
$("#premium-stage .ui-item:last").prev().fadeIn(0);
$("#premium-stage .ui-item:last").fadeOut(0,function(){
$(this).remove().prependTo('#premium-stage');
});
}
function showSlide(el){
clearInterval(slider);
if('#'+$("#slider-stage .slider:last").attr('id') != el){
$(el).remove().insertBefore("#slider-stage .slider:last");
showNext();   
}
}
/* ]]> */
</script>
</div>

<!-- FIN DU SLIDER -->

Vous pouvez également le mettre dans le sidebar sur certains thèmes

dans le fichier "item-sidebar après

Code: [Select]

<div id="sidebar">
Coller

Code: [Select]

<!-- DEBUT DU SLIDER -->
<div id="contact" class="widget-box form-container form-vertical" align="center">
<span class="texte05" align="center"><strong>Annonces à la Une</strong></span>
<div id="premium-stage" align="center">
<?php osc_get_premiums($max=200);?>
<?php if( osc_count_premiums() == 0) { ?>
<p class="empty"><?php _e('Pas d\'annonce premium') ; ?></p>
<?php } else {
$index = 0;
?>
<?php while ( osc_has_premiums() ) {  ?>
<div class="ui-item">
<div class="frame">
<a href="<?php echo osc_premium_url() ; ?>"><?php if( osc_images_enabled_at_items() ) { ?>
<?php if( osc_count_premium_resources() ) { ?>
<img src="<?php echo osc_resource_preview_url() ; ?>"width="200" height="200" title="<?php echo osc_premium_title(); ?>" alt="<?php echo osc_premium_title(); ?>"/>
<?php } else { ?>
<img src="<?php echo osc_current_web_theme_url('images/no_photo.gif') ; ?>" alt="" title=""/>
<?php } ?>
<?php } else { ?>
<img src="<?php echo osc_current_web_theme_url('images/no_photo.gif') ; ?>" alt="" title=""/>
<?php } ?>
<div class="texte05"><?php echo osc_premium_category(); ?></div>
</div>
<div class="texte05">
<div>
<h3><a href="<?php echo osc_item_url() ; ?>"><?php if(strlen(osc_premium_title()) > 40){ echo substr(osc_item_title(), 0, 40).'...'; } else { echo osc_premium_title(); } ?><br /><?php echo osc_premium_city(); ?> - <?php echo osc_premium_region();?></a></h3>
</div>
</div>
</div>
<?php 
$index++;
if($index == 0){
break; 
}
}
?>
<div class="clear"></div>
<?php View::newInstance()->_erase('items') ;
} ?></div>
<script type="text/javascript">
/* <![CDATA[ */
var slides = $("#premium-stage .ui-item:not(:last)").hide();
if(slides.length >= 1){
slider = setInterval('showNext()',3000);
}
function showNext(){
$("#premium-stage .ui-item:last").prev().fadeIn(0);
$("#premium-stage .ui-item:last").fadeOut(0,function(){
$(this).remove().prependTo('#premium-stage');
});
}
function showSlide(el){
clearInterval(slider);
if('#'+$("#slider-stage .slider:last").attr('id') != el){
$(el).remove().insertBefore("#slider-stage .slider:last");
showNext();   
}
}
/* ]]> */
</script>
</div>

<!-- FIN DU SLIDER -->
Adapter les "class" selon les vôtres.