Home JS special effects jQuery effects jQuery image cropping plug-in Jcrop.js

jQuery image cropping plug-in Jcrop.js

jQuery image cropping plug-in Jcrop.js

jQuery image cropping plug-in Jcrop.js

<html>
<head>
<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" />
</head>
<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; font:normal 14px/24px 'MicroSoft YaHei';clear:both;">
<br><br><br><br> 
</div>
</body>
</html>

Jcrop.js实现的一款功能强大的jQuery图片裁剪插件,可以结合后端程序快速的实现图像裁剪的功能,右侧有3个图像缩略图尺寸可选。

Disclaimer

All resources on this site are contributed by netizens or reprinted by major download sites. Please check the integrity of the software yourself! All resources on this site are for learning reference only. Please do not use them for commercial purposes. Otherwise, you will be responsible for all consequences! If there is any infringement, please contact us to delete it. Contact information: admin@php.cn

Related Article

jQuery image cropping plug-in Jcrop sample script jQuery image cropping plug-in Jcrop sample script

25 Jul 2016

jQuery image cropping plug-in Jcrop sample script

jquery image watermark plug-in jquery image watermark plug-in

19 Jan 2017

Img2Blob.js is a jquery plug-in that can add custom watermarks to images. This image watermark plug-in can convert images into blob objects and then add custom watermark effects to them.

jQuery implements image upload and cropping plug-in Croppie_jquery jQuery implements image upload and cropping plug-in Croppie_jquery

16 May 2016

This article mainly introduces the jQuery image upload and cropping plug-in Croppie, which implements the most common applications that require users to upload and crop avatars in various user systems. Interested friends can refer to it.

jQuery plug-in slick implements responsive mobile slideshow image switching effects_jquery jQuery plug-in slick implements responsive mobile slideshow image switching effects_jquery

16 May 2016

The jQuery plug-in slick is a responsive, slideable jQuery slideshow plug-in suitable for mobile device touch screens. This slideshow plug-in can set a variety of display effects and can play automatically. It is a mobile-first jQuery slideshow plug-in.

Use JQuery FancyBox plug-in to achieve image display effects_jquery Use JQuery FancyBox plug-in to achieve image display effects_jquery

16 May 2016

This article will share with you how to use the JQuery FancyBox plug-in to achieve three styles of special effects for image display. It is very simple and practical. Friends who need it can check it out.

Image and text automatic carousel effect plug-in implemented by JQuery Image and text automatic carousel effect plug-in implemented by JQuery

28 Jun 2018

This article mainly introduces the automatic image and text carousel effect plug-in implemented by JQuery, involving jQuery's method of processing mouse events and animation effects. Friends who need it can refer to it.

Simple use of jQuery image cropping plug-in Jcrop_jquery Simple use of jQuery image cropping plug-in Jcrop_jquery

16 May 2016

The user avatar function will be used in the current project. The leader said that it is best to make it so that users can choose their own avatar by cropping the image after uploading a picture.

Image magnifying glass effect developed based on Jquery plug-in (imitation of Taobao)_jquery Image magnifying glass effect developed based on Jquery plug-in (imitation of Taobao)_jquery

16 May 2016

A certain website of the company needs to achieve image preview effects and be able to achieve partial enlargement like Taobao. Friends who use jquery can refer to it.

jQuery user avatar cropping plug-in cropbox.js example sharing jQuery user avatar cropping plug-in cropbox.js example sharing

10 Jan 2018

This article mainly introduces in detail how to use the jQuery user avatar cropping plug-in cropbox.js. It has certain reference value. Interested friends can refer to it. I hope it can help you.

See all articles See all articles

Hot Tools

jQuery2019 Valentine's Day Confession Fireworks Animation Special Effects

jQuery2019 Valentine's Day Confession Fireworks Animation Special Effects

A very popular jQuery Valentine's Day confession fireworks animation special effect on Douyin, suitable for programmers and technical geeks to express their love to the girl they love. No matter you choose to be willing or not, you have to agree in the end.

layui responsive animated login interface template

layui responsive animated login interface template

layui responsive animated login interface template

520 Valentine's Day confession web animation special effects

520 Valentine's Day confession web animation special effects

jQuery Valentine's Day Confession Animation, 520 Confession Background Animation

Cool system login page

Cool system login page

Cool system login page

HTML5 tape music player-CASSETTE PLAYER

HTML5 tape music player-CASSETTE PLAYER

HTML5 tape music player-CASSETTE PLAYER

Hot Article