Plug-in imgplay-jQuery pour la lecture de séquences d'images sur toile

Bref tutoriel

imgplay est un plug-in jQuery pour la lecture de séquences d'images basé sur un canevas HTML5. Grâce à ce plug-in, un groupe d'images peut être lu tour à tour. Vous pouvez également faire une pause, une avance rapide, un retour rapide et passer en mode plein écran pour visualiser les images.

Comment utiliser

L'utilisation de ce plug-in nécessite l'introduction des fichiers jquery.imgplay.css et jQuery et jquery.imgplay.js dans la page.

<link rel="stylesheet" type="text/css" href="css/jquery.imgplay.css" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.imgplay.js"></script>

Structure HTML

La structure HTML de ce plug-in de lecteur d'images est très simple : utilisez un conteneur dc6dce4a544fdca2df29d5ac0ea9906b Les images peuvent utiliser l'attribut src ou l'attribut data-src.

<div id="imageplayer" class="imageplayer">
    <img src="img/1.jpg" />
    <img src="img/2.jpg" />
    <img src="img/3.jpg" />
    <img src="img/4.jpg" />
    <img src="img/5.jpg" />
    <img data-src="img/6.jpg" />
    <img data-src="img/7.jpg" />
    <img data-src="img/8.jpg" />
</div>

Plug-in d'initialisation

Une fois l'élément DOM de la page chargé, le plug-in de lecture d'image peut être initialisé via la méthode imgplay().

$(document).ready(function(){
   $('#imageplayer').imgplay();
});

Paramètres de configuration

Le plug-in du lecteur d'images possède 3 paramètres de configuration :

• name : le nom du lecteur d'images, le la valeur par défaut est : "imgplay".

• taux : la fréquence de lecture de l'image. Plus la valeur est grande, plus la lecture sera rapide. La valeur maximale est 100 et la valeur minimale est 0,001.

• contrôles : s'il faut afficher les boutons de contrôle.

Ce qui précède est le contenu du plug-in jQuery de lecture de séquence d'images basé sur imgplay-canvas. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois (www.php.cn). )!