Pemalam pemangkasan imej jQuery Jcrop.js
<html>
<kepala>
<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="pra-1"> <img src="images/bb.jpg" class="jcrop-preview jcrop_preview_s" alt="" /> </div>
<div class="pra-2"> <img src="images/bb.jpg" class="jcrop-preview jcrop_preview_s" alt="" /> </div>
<div class="pra-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"> </skrip>
<script type="text/javascript" src="js/jquery.Jcrop.js"> </skrip>
<script type="text/javascript" src="js/basic.js"> </skrip>
<div style="text-align:center;margin:10px 0; font:normal 14px/24px 'MicroSoft YaHei';clear:both;">
<br><br><br><br>
</div>
</badan>
</html>
Pemalam pemangkasan imej jQuery yang berkuasa dilaksanakan oleh Jcrop.js, yang boleh digabungkan dengan program bahagian belakang untuk merealisasikan fungsi pemangkasan imej dengan cepat Terdapat 3 saiz lakaran kecil imej tersedia di sebelah kanan .
Semua sumber di laman web ini disumbangkan oleh netizen atau dicetak semula oleh tapak muat turun utama. Sila semak integriti perisian itu sendiri! Semua sumber di laman web ini adalah untuk rujukan pembelajaran sahaja. Tolong jangan gunakannya untuk tujuan komersial. Jika tidak, anda akan bertanggungjawab untuk semua akibat! Jika terdapat sebarang pelanggaran, sila hubungi kami untuk memadamkannya. Maklumat hubungan: admin@php.cn
Artikel Berkaitan
27 Oct 2023
HTML, CSS dan jQuery: Petua untuk melaksanakan kesan pemangkasan imej Pengenalan: Dalam reka bentuk web moden, melaksanakan kesan khas berkaitan imej adalah keperluan yang sangat biasa. Antaranya, kesan pemangkasan gambar merupakan kesan yang sangat menarik yang boleh menambahkan sedikit kesan dinamik dan visual pada halaman web. Artikel ini akan memperkenalkan teknik menggunakan HTML, CSS dan jQuery untuk mencapai kesan pemangkasan imej, dan memberikan contoh kod khusus. 1. Fahami teg Kanvas HTML5: Sebelum melaksanakan kesan pemangkasan imej, kita perlu terlebih dahulu
16 May 2016
Artikel ini akan berkongsi dengan anda kesan membalikkan gambar berdasarkan pengembang pemalam jQuery Terdapat sejumlah 6 gaya menyelak gambar yang berbeza, yang sangat keren. Rakan yang memerlukan boleh merujuknya.
16 May 2016
Berikut ialah ringkasan pemalam yang paling biasa digunakan untuk kesan khas imej berdasarkan jQuery Saya secara peribadi merasakan bahawa ia sangat bagus, jadi saya ingin berkongsi dengan anda di sini.
16 May 2016
Pemalam jQuery ini juga boleh mencapai kesan peluncur untuk imej dan kandungan. Saya telah menguji beberapa tapak web Demo pemalam jQuery berikut, dan semuanya boleh diakses seperti biasa.
16 May 2016
Artikel ini akan berkongsi dengan anda cara menggunakan pemalam JQuery FancyBox untuk mencapai tiga gaya kesan khas untuk paparan imej Ia sangat mudah dan praktikal. Rakan yang memerlukannya boleh menyemaknya.
16 May 2016
Saya tidak membuat sebarang projek baru-baru ini, tetapi saya melihat banyak kesan khas halaman web di Internet, yang sangat cantik, jadi saya menyusun 14 pemalam jQuery untuk gambar halaman web klasik dan kesan teks, yang berguna untuk digunakan dalam keperluan projek. Semua orang datang ke sini
16 May 2016
Artikel ini terutamanya memperkenalkan muat naik imej jQuery dan palam pemangkasan Croppie, yang melaksanakan aplikasi paling biasa yang memerlukan pengguna memuat naik dan memangkas avatar dalam pelbagai sistem pengguna boleh merujuknya.
24 Oct 2023
Cara menggunakan HTML, CSS dan jQuery untuk melaksanakan fungsi pemangkasan imej lanjutan Dalam beberapa tahun kebelakangan ini, dengan peningkatan media sosial, permintaan orang ramai untuk mencantikkan imej semakin tinggi. Sebagai teknologi pemprosesan imej biasa, pemangkasan imej digunakan secara meluas dalam banyak senario aplikasi. Artikel ini akan memperkenalkan cara menggunakan HTML, CSS dan jQuery untuk melaksanakan fungsi pemangkasan imej lanjutan dan menyediakan contoh kod khusus. 1. CSS untuk melaksanakan pemangkasan imej mudah Pertama, kita boleh menggunakan atribut latar belakang CSS
16 May 2016
Artikel ini terutamanya memperkenalkan maklumat yang berkaitan tentang imgPreviewQs plug-in jQuery untuk melaksanakan pratonton imej yang dimuat naik Rakan yang memerlukan boleh merujuknya.
Hot Tools
jQuery2019 Kesan Khas Animasi Bunga Api Pengakuan Hari Valentine
Kesan khas animasi bunga api pengakuan Hari Valentine jQuery yang sangat popular pada Douyin, sesuai untuk pengaturcara dan pakar teknikal untuk menyatakan cinta mereka kepada gadis yang mereka cintai Tidak kira anda suka atau tidak, anda perlu bersetuju pada akhirnya.
templat antara muka log masuk animasi responsif layui
templat antara muka log masuk animasi responsif layui
520 Kesan khas animasi web pengakuan Hari Valentine
jQuery Animasi Pengakuan Hari Valentine, Animasi Latar Belakang 520 Pengakuan
Halaman log masuk sistem yang keren
Halaman log masuk sistem yang keren
Pemain muzik pita HTML5-CASSETTE PLAYER
Pemain muzik pita HTML5-CASSETTE PLAYER