Maison  >  Article  >  interface Web  >  Le plug-in jQuery implémente la commutation d'image de diaporama mobile réactif effect_jquery

Le plug-in jQuery implémente la commutation d'image de diaporama mobile réactif effect_jquery

WBOY
WBOYoriginal
2016-05-16 16:04:371253parcourir

Le plug-in d'effets spéciaux de commutation d'image de diaporama mobile réactif jQuery, basé sur jQuery, est très puissant et prend en charge la commutation des boutons gauche et droit, la commutation de points, le numéro de commutation personnalisé, la vitesse de commutation personnalisée et le préréglage d'image Chargement et prise en charge de la lecture automatique définitions, l'effet est très bon, de nombreux supports de personnalisation des paramètres, si vous pensez que c'est possible, vous pouvez vous référer à leur configuration des paramètres, cela vaut toujours la peine d'apprendre et de l'utiliser.

Utilisation :

1. Charger les plug-ins et jQuery

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script> 
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script> 
<script type="text/javascript" src="slick/slick.js"></script> 
<link rel="stylesheet" type="text/css" href="slick/slick.css"/> 

2.Contenu HTML

<div class="slider fade"> 
<div><div class="image"><img src="img/fonz1.png"/></div></div> 
<div><div class="image"><img src="img/fonz2.png"/></div></div> 
<div><div class="image"><img src="img/fonz3.png"/></div></div> 
</div> 

3. Appel de fonction

<script type="text/javascript"> 
$(document).ready(function() { 
  $('.fade').slick({ 
    dots: true, 
    infinite: true, 
    speed: 500, 
    fade: true, 
    slide: 'div', 
    cssEase: 'linear' 
  }); 
}); 
</script> 

Voir la DÉMO Télécharger maintenant

Ce qui précède représente l’intégralité du contenu de cet article, j’espère que vous l’aimerez tous.

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn