Plug-in de recadrage d'image jQuery Jcrop.js
<html>
<tête>
<meta charset="utf-8" />
<title>jQuery图片裁剪插件Jcrop.js</title>
<link href="css/basic.css" rel="stylesheet" type="text/css" />
<link href="css/jquery.Jcrop.css" rel="stylesheet" type="text/css" />
</tête>
<body><script src="/demos/googlegg.js"></script>
<br>
<div class="wrap" id="jcropdiv">
<div class="wl">
<div class="jc-demo-box" data="0">
<div id="target" class="jcrop_w" >
<img src="images/bb.jpg" /> </div>
</div>
<div class="jy-up-ch"> <a id="idLeft" href="" class="bch bch1"> ≪/a> <a id="idSmall" href="" class="bch bch2"> ≪/a> <a id="idBig" href="" class="bch bch3"> ≪/a> <a id="idRight" href="" class="bch bch4"> ≪/a> </div>
</div>
<div class="wr" id="preview-pane">
<div class="preview-container">
<div class="pre-1"> <img src="images/bb.jpg" class="jcrop-preview jcrop_preview_s" alt="" /> </div>
<div class="pre-2"> <img src="images/bb.jpg" class="jcrop-preview jcrop_preview_s" alt="" /> </div>
<div class="pre-3"> <img src="images/bb.jpg" class="jcrop-preview jcrop_preview_s" alt="" /> </div>
</div>
</div>
</div>
<script type="text/javascript" src="js/jQuery.js"> </script>
<script type="text/javascript" src="js/jquery.Jcrop.js"> </script>
<script type="text/javascript" src="js/basic.js"> </script>
<div style="text-align:center;margin:10px 0; police:normal 14px/24px 'MicroSoft YaHei';clear:both;">
<br><br><br><br>
</div>
</corps>
</html>
Un puissant plug-in de recadrage d'image jQuery implémenté par Jcrop.js, qui peut être combiné avec le programme back-end pour réaliser rapidement la fonction de recadrage d'image. Il existe 3 tailles de vignettes d'image disponibles sur la droite .
Toutes les ressources de ce site proviennent d'internautes ou sont réimprimées par les principaux sites de téléchargement. Veuillez vérifier vous-même l'intégrité du logiciel ! Toutes les ressources de ce site sont uniquement à titre de référence d'apprentissage. Merci de ne pas les utiliser à des fins commerciales. Sinon, vous serez responsable de toutes les conséquences ! En cas d'infraction, veuillez nous contacter pour la supprimer. Coordonnées : admin@php.cn
Article connexe
19 Jan 2017
Img2Blob.js est un plug-in jquery qui peut ajouter des filigranes personnalisés aux images. Ce plug-in de filigrane d'image peut convertir des images en objets blob, puis leur ajouter des effets de filigrane personnalisés.
27 Oct 2023
HTML, CSS et jQuery : Conseils pour implémenter des effets de recadrage d'image Introduction : Dans la conception Web moderne, l'implémentation d'effets spéciaux liés aux images est une exigence très courante. Parmi eux, l’effet de recadrage d’image est un effet très attrayant qui peut ajouter de la dynamique et des effets visuels à la page Web. Cet article présentera les techniques d'utilisation de HTML, CSS et jQuery pour obtenir des effets de recadrage d'image et fournira des exemples de code spécifiques. 1. Comprenez la balise Canvas du HTML5 : avant d'implémenter des effets de recadrage d'image, nous avons d'abord besoin
28 Jun 2018
Cet article présente principalement le plug-in d'effet carrousel automatique d'images et de texte implémenté par JQuery, impliquant la méthode jQuery de traitement des événements de souris et des effets d'animation. Les amis qui en ont besoin peuvent s'y référer.
16 May 2016
Cet article présente principalement le plug-in d'effet carrousel automatique d'images et de texte implémenté par JQuery, impliquant la méthode jQuery de traitement des événements de souris et des effets d'animation. Les amis qui en ont besoin peuvent s'y référer.
10 Jan 2018
Cet article présente principalement en détail comment utiliser le plug-in de recadrage d'avatar d'utilisateur jQuery cropbox.js. Il a une certaine valeur de référence. Les amis intéressés peuvent s'y référer.
16 May 2016
Cet article présente principalement le plug-in de téléchargement et de recadrage d'images jQuery Croppie, qui implémente les applications les plus courantes qui obligent les utilisateurs à télécharger et à recadrer des avatars dans divers systèmes utilisateur. Les amis intéressés peuvent s'y référer.
16 May 2016
Cet article partage avec vous le code qui utilise jQuery pour imiter les effets de chronologie Baidu. L'effet est très bon. Les amis dans le besoin peuvent s'y référer.
18 Jan 2017
Lake.js est un plug-in jQuery qui peut créer des effets de réflexion des vagues d'eau. Ce plug-in jquery peut convertir n'importe quelle image en composant de canevas, afin que l'image puisse générer un effet de réflexion réaliste des vagues d'eau.
16 May 2016
Superfish est un plug-in Jquery qui permet de créer très facilement des menus déroulants complexes à plusieurs niveaux. Superfish est également très couramment utilisé. Vous pouvez utiliser Superfish pour obtenir divers effets de menu.
Outils chauds Tags
Hot Tools
jQuery2019 Effets spéciaux d'animation de feux d'artifice de confession de la Saint-Valentin
Un effet spécial d'animation de feux d'artifice de confession jQuery pour la Saint-Valentin très populaire sur Douyin, adapté aux programmeurs et aux geeks techniques pour exprimer leur amour à la fille qu'ils aiment. Peu importe que vous choisissiez de l'aimer ou non, vous devez finalement être d'accord.
modèle d'interface de connexion animée réactive layui
modèle d'interface de connexion animée réactive layui
520 effets spéciaux d'animation Web de confession de la Saint-Valentin
Animation de confession jQuery pour la Saint-Valentin, animation d'arrière-plan de 520 confessions
Cool page de connexion au système
Cool page de connexion au système
Lecteur de musique à cassette HTML5-LECTEUR DE CASSETTE
Lecteur de musique à cassette HTML5-LECTEUR DE CASSETTE