Excellent plug-in de carte de focus jQuery réactif bxSlider, excellent plug-in jQuery de conception de mise en page réactive, adaptatif
Convient à n'importe quel appareil, le contenu de commutation peut être vidéo, image, HTML, prise en charge des appareils tactiles, fonction personnalisée
rappel, prend en charge de nombreuses configurations personnalisées de paramètres et le navigateur prend en charge Firefox, Chrome, Safari,
iOS, Android, IE7.
Utilisation :
1. Chargez jQuery et les plug-ins
<!-- jQuery library (served from Google) --> <script src="jquery/1.8.2/jquery.min.js"></script> <!-- bxSlider Javascript file --> <script src="/js/jquery.bxslider.min.js"></script> <!-- bxSlider CSS file --> <link href="/lib/jquery.bxslider.css" rel="stylesheet" />
2.Contenu HTML
<ul class="bxslider"> <li><img src="/images/pic1.jpg" / alt="Le plug-in jQuery bxSlider implémente le focus réactif map_jquery" ></li> <li><img src="/images/pic2.jpg" / alt="Le plug-in jQuery bxSlider implémente le focus réactif map_jquery" ></li> <li><img src="/images/pic3.jpg" / alt="Le plug-in jQuery bxSlider implémente le focus réactif map_jquery" ></li> <li><img src="/images/pic4.jpg" / alt="Le plug-in jQuery bxSlider implémente le focus réactif map_jquery" ></li> </ul>
3. Appel de fonction
$(document).ready(function(){ $('.bxslider').bxSlider(); });
Veuillez personnaliser la configuration des options de fonction.
Voir la DÉMO Téléchargement du site officiel
Ce qui précède représente l'intégralité du contenu de cet article, j'espère que vous l'aimerez tous