Récemment, pour des raisons de projet, j'ai appris jquery et implémenté une petite fonction, qui consiste à cliquer sur les éléments précédents et suivants de l'annonce pour afficher la barre de défilement. Le code spécifique est le suivant :
< !DOCTYPE html PUBLIC "- //W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ;
Compatible UA" content= "IE=7" />
< title>test
(function(){
jQuery( '#dt_gg').css("display","block");
if(jQuery('#dt_gg').find('li').length>1 ){
jQuery('#dt_gg ').jCarouselLite({
btnPrev:'#gg_n',
btnNext:'#gg_p',
btnAutoSwitch:'#gg_s',
visible : 1,
auto:5000,
vitesse:1000,
onMouse:true,
vertical:true
}); ').jCarouselLite({
visible : 1
});
}
});
jQuery(function(){
jQuery('#gg_s').click( function(){
if(jQuery (this).attr('src') == "/cms/web/images/V3/public/break_btn.jpg"){
jQuery(this).attr( 'src','/cms/web/images/V3/public/play_btn.jpg');
jQuery(this).attr('title','play');
}else{
jQuery(this).attr('src' ,'/cms/web/images/V3/public/break_btn.jpg');
jQuery(this).attr('title','pause'); >}
});
});