GlassCase – Plugin Zoom Gambar jQuery

  • Whatsapp
GlassCase - Plugin Zoom Gambar jQuery

Source Code : GlassCase – Plugin Zoom Gambar jQuery

Bacaan Lainnya

Lemari kaca adalah plugin jQuery responsif yang membantu Anda untuk
tambahkan fitur Zoom Gambar dengan
Video HTML5 && Iframe kemampuan untuk tampilan produk Anda dan memberi pelanggan Anda pengalaman menonton yang luar biasa.

Lemari kaca dirancang dengan baik, dibangun dari awal dan memberi Anda beberapa fitur unik.

Anda dapat dengan mudah mengintegrasikannya ke dalam proyek Anda dan mengirimkannya lebih cepat ke pelanggan Anda.

Fitur Utama:

GlassCase - Plugin Zoom Gambar jQuery - 1

Catatan

  • Ini bukan Plugin WordPress. GlassCase adalah plugin berbasis jQuery.

Luangkan waktu sebentar untuk

lihat itu
sendiri GlassCase - Plugin Zoom Gambar jQuery - 2

memiliki
pertanyaan pra-pembelian untuk memastikan bahwa itu cocok untuk Anda?

Kemudian silakan kirim pesan singkat kepada kami melalui kami
formulir kontak profil.

Apa yang pembeli katakan:

“Saya sangat merekomendasikan produk ini kepada orang lain yang mungkin tertarik untuk membeli GlassCase! tinyComp dengan cepat menanggapi permintaan dukungan dan mendengarkan pemikiran tentang cara meningkatkan GlassCase.

Lima Bintang memang layak!”

-ubhape2

“Hai, saya jarang menulis komentar, tetapi ini layak. Terima kasih untuk yang satu ini. Ini adalah plugin yang bagus, ia melakukan apa yang seharusnya, dan butuh tidak lebih dari setengah jam untuk menyiapkannya.”

-amja

“Hai, Plugin yang bagus dan sangat mudah diimplementasikan.”

-loudon

”… Aku baru saja mengatakan betapa briliannya ini. Ini bekerja dengan sangat sempurna dan memecahkan begitu banyak masalah gambar yang saya alami. Saya hanya suka ini. Sekarang sepenuhnya terintegrasi ke dalam situs web saya. Bagi siapa pun yang berpikir untuk mendapatkan ini, itu sangat brilian!!!!!!”

-pauld123

“Saya sangat senang menggunakan classcase untuk proyek saya. Ini sangat berguna.”

-soluma

Anda dapat menemukan lebih banyak ulasan dari pembeli nyata di

komentar
halaman.

Ubah Log:

3.0.1 – 08 April 2018

Memperbaiki:

  • Memperbaiki masalah yang terkait dengan deklarasi event handler, khusus Firefox;

3.0 – 24 November 2017

Baru:

  • Seluruh komponen ditulis ulang dari awal. Itu mengubah cara komponen bekerja secara internal, semua opsi telah disimpan, kecuali

    isDownloadEnabled
    yang ditinggalkan. Tidak ada perubahan yang dilakukan pada nama opsi.
  • Untuk komponen ditambahkan kemampuan menampilkan Video HTML5 dan konten IFrame. Ditambahkan opsi berikut:

    • iframeWidth
      – Lebar IFrame;

    • iframeHeight
      – Ketinggian IFrame;

    • txtImgThumbIframe
      – Teks yang digunakan oleh pemegang ibu jari gambar, untuk gambar ibu jari IFrame;

    • videoWidth
      – Lebar video HTML5;

    • videoHeight
      – Tinggi video HTML5;

    • txtImgThumbVideo
      – Teks yang digunakan oleh pemegang ibu jari gambar, untuk gambar ibu jari video;

    Juga, ditambahkan atribut data (terkait dengan Video HTML5 && IFrame):


    • data-gc-type
      – Jenis elemen. Nilai yang mungkin: IFrame, video;

    • data-gc-width
      – Menentukan lebar wadah. Mengganti nilai yang ditentukan dalam opsi plugin. Atribut data ini memengaruhi jenis elemen berikut: IFrame, video;

    • data-gc-height
      – Menentukan ketinggian wadah. Mengganti nilai yang ditentukan dalam opsi plugin;

    • data-gc-formats
      – Atribut ini hanya digunakan oleh tipe elemen video. Ini digunakan untuk menentukan beberapa file sumber (beberapa format) sebagai cadangan jika browser pengguna tidak mendukung salah satunya. Jenis atribut ini adalah array string;

    • data-gc-poster
      – Atribut ini hanya digunakan oleh tipe elemen video. Menyediakan gambar untuk ditampilkan sebelum video dimuat;
  • Untuk komponen ditambahkan kemampuan autoplay. Ditambahkan opsi berikut:

    • isAutoPlayDisplay
      – Mengaktifkan atau menonaktifkan pemutaran otomatis gambar;

    • pauseTimeDisplay
      – Waktu antara perubahan gambar yang diaktifkan oleh isAutoPlayDisplay. Nilai dalam milidetik;

    • isPauseOnHoverDisplay
      – Jika disetel ke true, saat mengarahkan gambar tampilan, tampilan putar otomatis akan berhenti;
  • Ke penggeser ibu jari telah ditambahkan opsi

    slideType
    – Efek geser yang terkait dengan area ibu jari. Nilai yang mungkin: ‘slideRow’, ‘slideElement’.

2.1 – 11 Februari 2015

Baru:

  • Kemungkinan untuk menambahkan keterangan. Keterangan dapat ditambahkan di Area Zoom;

  • isZCapEnabled
    – mengaktifkan / menonaktifkan Keterangan Zoom;

  • capZType
    – jenis Caption Zoom:

    in
    – ditempatkan di dalam Area Zoom;

    out
    – Teks ditempatkan di luar Area Zoom;

  • capZPos
    – posisi Caption dalam kaitannya dengan Area Zoom;

  • capZAlign
    – perataan teks yang ditempatkan di Caption for Zoom;

  • mouseEnterDisplayCB
    – panggilan balik untuk acara mouseMasukkan gambar tampilan;

  • mouseLeaveDisplayCB
    – panggilan balik untuk acara mouseLeave dari gambar tampilan;
  • Saat memproses gambar, gambar yang memiliki href yang sama akan dihapus.

Memperbaiki:

  • Gambar

    ALT
    disimpan dan diteruskan;

2.0 – 30 Oktober 2014

Baru:

  • Komponen dibuat ramah sentuhan;
  • Ditambahkan opsi untuk mengatur ibu jari di sisi kiri atau kanan Gambar Tampilan;
  • Ikon diubah ke set lain;
  • Telah mengubah roda pemuatan (menggunakan CSS3)
  • Opsi baru:

    isHoverShowThumbs
    – saat mengacungkan ibu jari akan mengubah Gambar Tampilan;
  • Ditambahkan posisi Zoom baru: Dalam – Zoom akan ditampilkan di dalam Layar;
  • Opsi baru:

    autoInnerZoom
    Jika Tampilan dan Zoom tidak pas pada halaman, Zoom akan ditampilkan di posisi dalam;
  • Ditangani kasus ketika gambar tidak dimuat: dalam hal ini akan muncul dudukan.

1.4 – 16 September 2014

Baru:

  • Lebar dan tinggi zoom dapat disesuaikan. Itu dapat disejajarkan dengan wadah gambar atau area gambar;


    • isZoomDiffWH
      – Menentukan apakah lebar dan tinggi zoom memiliki nilai yang berbeda;

    • zoomWidth
      – Lebar zoom. Nilainya dalam px;

    • zoomHeight
      – Ketinggian zoom. Nilainya dalam px;

    • zoomAlignment
      – Nilai yang memungkinkan: ‘displayImage’, ‘displayArea’.

  • zoomMargin
    – Jarak antara zoom dan area tampilan;

  • thumbsMargin
    – Jarak antara ibu jari dan area tampilan;

Memperbaiki:

  • Opacity gambar di overlay, di ie8;

  • Masalah yang terkait dengan: mengklik ibu jari yang dipilih, itu menonaktifkan pemilihan gambar lain;

1.3 – 5 September 2014

Baru:


  • isOverlayFullImage
    – Jika benar gambar di overlay akan ditampilkan dalam ukuran penuh dan hanya. Jika salah gambar akan sesuai dengan tampilan. Pada klik ganda, ukuran gambar akan berubah. Jika gambar sudah di fit => setelah di double klik akan tampil full size. Jika gambar dalam ukuran penuh => setelah klik dua kali akan sesuai dengan tampilan;
  • Dalam overlay, mengklik di luar gambar akan menutupnya;


  • isSlowZoom
    – Mengaktifkan efek “memperlambat” gerakan zoom;

  • speedSlowZoom
    – Menentukan berapa lama animasi akan berjalan. Kecepatan diberikan dalam milidetik;

  • isSlowLens
    – Mengaktifkan efek “memperlambat” pergerakan lensa;

  • speedSlowLens
    – Menentukan berapa lama animasi akan berjalan. Kecepatan diberikan dalam milidetik;

  • speed
    – Menentukan berapa lama animasi akan berjalan. Kecepatan diberikan dalam milidetik. Nilai ini digunakan dalam animasi lensa; Perbesar; hamparan; meluncur;
  • Ditambahkan ke pemilih ”.gc-zoom-container img”: “max-width: none !important;”.

1.2.1 – 24 Agustus 2014

Memperbaiki:

  • Jika firstThumbSelected akan lebih besar dari jumlah total jempol maka ke firstThumbSelected akan diberikan nilai defaultnya.

1.2 – 31 Juli 2014

Baru:

  • Komponen GlassCase dibuat responsif;

Memperbaiki:

  • Mengoreksi ketinggian komponen ketika tidak memiliki ibu jari dan hanya layar yang digunakan.

1.1.1 – 12 Juli 2014

Memperbaiki:

  • Bug terkait dengan kasus ketika jumlah gambar lebih banyak dari jumlah jempol per baris.

1.1 – 09 Juli 2014

Baru:


  • isZoomEnabled
    – Mengaktifkan atau menonaktifkan zoom;

  • isOverlayEnabled
    – Mengaktifkan atau menonaktifkan overlay.

Memperbaiki:

  • Mengubah skrip sehingga dapat berfungsi dengan baik di IE8;

Pos terkait

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *