kod penguat gambar jqzoom
kod penguat imej jqzoom, sesuai untuk memaparkan imej produk, serasi dengan penyemak imbas arus perdana, disyorkan muat turun di laman web PHP Cina! Arahan: 1. Pengenalan kawasan kepala <link rel="stylesheet" href="css/jqzoom.css" type="text/css"> 2. Perkenalkan perpustakaan js <script src="js/j
Cara penggunaan:
1. Pengenalan kawasan kepala
<link rel="stylesheet" href="css/jqzoom.css" type="text/css">
2. Perkenalkan perpustakaan js
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/jqzoom.pack.1.0.1.js" type="text/javascript"></script>
3. Panggil perpustakaan fungsi jqzoom
<script type="text/javascript">
$(fungsi() {
pilihan var =
{
zoomWidth: 250, //Lebar kaca pembesar
zoomHeight: 250,//Ketinggian kaca pembesar
zoomType:'terbalikkan'
};
$(".jqzoom").jqzoom(pilihan);
});
</skrip>
Parameter konfigurasi:
zoomType, nilai lalai: 'standard', nilai lain ialah 'terbalik', sama ada untuk menutup imej asal dengan lapisan separa lutsinar.
zoomWidth, nilai lalai: 200, lebar tetingkap yang diperbesarkan.
zoomHeight, nilai lalai: 200, ketinggian tetingkap yang diperbesarkan.
xOffset, nilai lalai: 10, nilai offset paksi-x bagi tetingkap pembesaran berbanding imej asal, boleh menjadi negatif.
yOffset, nilai lalai: 0, nilai offset paksi-y bagi tetingkap pembesaran berbanding imej asal, boleh menjadi negatif.
kedudukan, nilai lalai: 'kanan', kedudukan tetingkap yang diperbesarkan, nilainya juga boleh: 'kanan', 'kiri', 'atas', 'bawah'.
Kanta, nilai lalai: benar, jika salah, kanta tidak akan dipaparkan pada imej asal.
imageOpacity, nilai lalai: 0.2, apabila nilai zoomType adalah 'terbalik', parameter ini digunakan untuk menentukan ketelusan topeng.
tajuk, nilai lalai: benar, memaparkan tajuk dalam tetingkap pembesaran, nilai boleh menjadi nilai tajuk tanda a, jika tidak, ia adalah nilai tajuk imej asal.
showEffect, nilai lalai: 'show', memaparkan kesan pembesaran tetingkap, nilainya boleh: 'show', 'fadein'.
hideEffect, nilai lalai: 'hide', kesan apabila menyembunyikan tetingkap yang diperbesarkan: 'hide', 'fadeout'.
fadeinSpeed, nilai lalai: 'cepat', kelajuan pudar masuk tetingkap yang diperbesarkan (pilihan: 'cepat', 'perlahan', 'sederhana').
fadeoutSpeed, nilai lalai: 'perlahan', kelajuan fadeout tetingkap yang diperbesarkan (pilihan: 'cepat', 'perlahan', 'sederhana').
showPreload, nilai lalai: benar, sama ada untuk memaparkan gesaan pemuatan Zum pemuatan (pilihan: 'benar', 'salah').
preloadText, nilai lalai: 'Memuatkan zum', teks gesaan pemuatan tersuai.
PreloadPosition, nilai lalai: 'center', kedudukan gesaan pemuatan, nilai juga boleh 'bycss' untuk menentukan kedudukan melalui css.
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
Bagaimana cara menggunakan atribut CSS outside untuk mencapai kesan paparan teks secara beransur-ansur?
05 Apr 2025
Melaksanakan kesan paparan secara beransur -ansur memendekkan teks dalam reka bentuk web, bagaimana untuk mencapai kesan paparan teks khas untuk menjadikan panjang teks secara beransur -ansur memendekkan? Kesan ini ...
Bagaimana untuk membuat kesan pendedahan berganda pada PS?
15 May 2025
Membuat kesan pendedahan berganda adalah helah yang sangat sejuk di Photoshop. Mari kita meneroka bagaimana untuk mencapai kesan ini, serta masalah dan penyelesaian yang mungkin anda hadapi dalam proses. Untuk membuat kesan pendedahan berganda di Photoshop, anda perlu memilih dua atau lebih imej, dan unsur -unsur imej ini akan disatu bersama dalam kesan akhir. Apabila memilih gambar, disyorkan untuk memilih gambar dengan kontras yang tinggi dan butiran yang kaya, supaya kesan selepas gabungan akan menjadi lebih jelas dan menarik. Mari kita mulakan dengan contoh yang mudah, katakan kita mempunyai dua gambar: satu adalah potret dan yang lain adalah pemandangan malam bandar. Matlamat kami adalah untuk menggabungkan pemandangan malam bandar dengan potret untuk mewujudkan kesan pendedahan berganda. Pertama, kita perlu mengimport kedua -dua gambar
Bagaimana cara menggunakan plug-in JavaScript untuk mencapai kesan peretasan halaman dan pergerakan bebas elemen?
04 Apr 2025
Melaksanakan kesan penetapan halaman bar dan elemen skrol bergerak secara bebas dalam reka bentuk web, kadang -kadang kita perlu mencapai kesan khas, iaitu, apabila tatal tatal tatal ...
Susun atur foto penyesuaian dengan Flexbox
16 Apr 2025
Mari kita lihat cara yang sangat ringan untuk mencipta kesan batu mendatar untuk satu set gambar bersaiz sewenang-wenangnya. Membuang sebarang set gambar di atasnya, dan
Ekspedisi 33 Kualiti vs Mod Prestasi: Mana yang harus anda gunakan? (PS5, <??>, PC)
08 May 2025
Kesukaran memilih mod kualiti dan mod prestasi "Shadow Blur: Adventure 33": nuansa mudah diabaikan. Artikel ini akan memberikan tafsiran terperinci mengenai PS5, Xbox dan platform PC. Mod kualiti gambar ps5 vs mod prestasi Mod Kualiti Imej: 30 bingkai/saat Resolusi yang lebih tinggi Kesan pencahayaan dan grafik yang lebih baik Kesan kabur gerakan menjadikan 30 bingkai lebih lancar Mod Prestasi: 60 bingkai/saat Resolusi yang lebih rendah Pencahayaan separa dan kesan khas dikurangkan Pergerakan kamera dan pergerakan cepat lebih lancar Kebanyakan pemain melaporkan bahawa walaupun mod kualiti gambar adalah baik, pengalaman permainan lancar yang dibawa oleh mod prestasi lebih baik. Perbezaan visual terutamanya dicerminkan dalam pencahayaan dan bayang -bayang, dan terdapat sedikit perbezaan dalam kejelasan dan tekstur. Mod kualiti xbox vs
Bagaimana untuk mencapai kesan tetingkap terapung CSS dan bagaimana menyelesaikan masalah peristiwa hover yang merosakkan?
05 Apr 2025
Pelaksanaan kesan Hover CSS dan Penyiasatan Masalah Artikel ini akan membincangkan cara menggunakan CSS untuk mencapai kesan tingkap terapung khas dan menyelesaikan masalah yang dihadapi semasa proses pelaksanaan ...
Bagaimana cara menggunakan CSS untuk mencapai kesan panjang teks yang memendekkan secara beransur -ansur dalam laman web?
05 Apr 2025
Melaksanakan kesan panjang teks yang memendekkan secara beransur -ansur dalam reka bentuk web, kadang -kadang kita akan melihat kesan paparan teks khas, iaitu panjang teks akan beransur -ansur berubah ...
Bagaimana menggunakan CSS tulen untuk mencapai kesan warna elemen berselang dengan N%3?
05 Apr 2025
Teknik menggunakan CSS murni untuk merealisasikan kesan bergantian warna elemen oleh N%3. Dalam pembangunan front-end, kadang-kadang kita perlu melaksanakan beberapa kesan visual khas, seperti berdasarkan elemen ...
Bagaimana untuk mencapai oklusi ambien yang halus dalam tiga.js untuk mendapatkan kesan bayangan halus yang serupa dengan yang ditunjukkan dalam gambar?
04 Apr 2025
Eksplorasi pelaksanaan kesan bayangan tiga.js: Tidak mudah untuk memperbaiki teduhan ambien untuk mencapai kesan bayangan halus yang serupa dengan yang ditunjukkan dalam gambar dalam tiga.js. Penanya ...
Alat panas
kesan karusel peluncur gambar 3D jQuery
Kesan karusel peluncur imej 3D berdasarkan jQuery
CSS tulen untuk mencapai animasi penukaran yang menarik apabila tetikus melalui gambar
CSS tulen membolehkan muat turun kod animasi penukaran yang sejuk apabila tetikus melalui gambar.
Pemalam karusel imej HTML5 dengan kesan paralaks
Pemalam karusel gambar HTML5 dengan kesan paralaks, yang boleh mengawal gambar dengan tetikus dan menghasilkan kesan perbezaan visual yang menarik apabila karusel gambar ditatal.
B imej pengepala tapak interaktif kedalaman tuding tetikus kesan fokus medan
Kesan khas halaman web kesan fokus medan kedalaman tetikus interaktif untuk imej pengepala tapak B.
Kesan dinding gambar 3D jQuery yang sejuk yang boleh diseret dan diputar
Kesan dinding gambar 3D jQuery yang sejuk yang boleh diseret dan diputar Gambar dikelilingi untuk membentuk dinding gambar bulat, dan setiap gambar mempunyai kesan cahaya dan pantulan Ia adalah kesan paparan gambar yang sangat cantik.