MagicWall – Kotak Gambar Responsif

  • Whatsapp
MagicWall - Kotak Gambar Responsif

Source Code : MagicWall – Kotak Gambar Responsif

Bacaan Lainnya

MagicWall adalah plugin jQuery untuk membuat kisi gambar yang berputar melalui serangkaian gambar menggunakan animasi yang menarik pada interval waktu tertentu. Anda dapat menggunakan plugin ini untuk membuat elemen dekoratif situs web Anda, menampilkan karya Anda atau hanya menggunakannya sebagai latar belakang animasi yang bagus. Plugin MagicWall mengubah daftar gambar menjadi kotak dengan jumlah baris dan kolom yang ditentukan. Gambar yang tersisa akan muncul dengan animasi dan penundaan yang berbeda. Anda juga dapat mengonfigurasi plugin untuk menentukan bagaimana grid harus diatur untuk lebar layar yang berbeda.

Pembaruan

TOLONG DICATAT

Pembaruan (v 2.0.0) tidak kompatibel ke belakang, Anda mungkin perlu mengubah konfigurasi Anda saat ini (Harap baca di bawah).

  • Pembaruan versi 2.0.4 (28/10/2014)
  1. Memperbaiki bug minor dalam metode API ‘switchItem’.

  • Perbarui ver 2.0.3 (07/10/2014)
  1. Memperbaiki bug kecil di plugin animasi.

  • Perbarui ver 2.0.1 (19/08/2014)
  1. Memperbaiki bug kecil di plugin animasi.

  • Perbarui ver 2.0.0 (22/06/2014)
  1. Beberapa bug telah diperbaiki.

  2. Menambahkan dukungan untuk sumber ajax.

  3. Menambahkan integrasi jaringan sosial. (Flickr, 500px dan Instagram)

  4. Perilaku yang berubah dari titik putus pilihan. Opsi ini masih diatur dengan cara lama yang sama, tetapi sekarang Anda dapat memberikan satu set opsi lengkap untuk setiap breakpoint, bukan hanya hitungX dan daerah.

  5. Menambahkan kemampuan untuk memilih apakah gambar harus dimuat dari cache (jika tersedia) atau tidak.

  6. Menambahkan opsi baru autoUpdateOnResize untuk secara otomatis memperbarui kisi pada pengubahan ukuran jendela.

  7. Menambahkan dua metode baru, untuk menambahkan / menghapus item ke / dari grid.

  8. Menambahkan lebih banyak opsi, yaitu:

    • layanan
    • jsonUrl
    • kunci aplikasi
    • identitas pengguna
    • fotoSetID
    • photoCount
    • fotoUkuran
    • memuatMode
    • berhenti
    • useCache
    • preloadBeforeSwitch
    • autoUpdateOnResize
  9. Mengubah nama beberapa opsi, yaitu:

    • hitungX sekarang kolomCount
    • daerah sekarang rowCount
    • minCountX sekarang minColumnsCount
    • minCountY sekarang minRowsCount
    • maxCountX sekarang maxColumnsCount
    • maxCountY sekarang maxRowsCount
    • diHoverExclude sekarang jedaOnHover
    • animasiDikecualikan sekarang excludedAnimations
    • perekat sekarang ukuran ibu jari
  10. Mengubah nilai default dari beberapa opsi, yaitu:

    • animasi sekarang *
    • animasiDikecualikan sekarang ””
    • menunda sekarang 1000
    • durasi sekarang 600
    • Semua kemudahan sekarang Salah secara default dan mereka mundur ke pelonggaran yang sekarang easyInOutCubic

fitur

  • Grid responsif
  • Integrasi jejaring sosial
  • Percepatan Perangkat Keras
  • Tata letak lebar penuh
  • Tata letak layar penuh
  • Sangat dapat disesuaikan
  • 22 Animasi
  • File Sass disertakan
  • Ukuran file kecil

Daftar pilihan

  • animasi
  • dikecualikanAnimasi
  • menunda
  • maxItemWidth
  • maxItemHeight
  • breakpoints
  • kolomCount
  • rowCount
  • minColumnsCount
  • minRowsCount
  • maxColumnsCount
  • maxRowsCount
  • pauseOnHover
  • thumbSizing
  • Kelas tetap
  • perspektif
  • durasi
  • pelonggaran
  • rollInXDuration
  • rollInXEasing
  • rollInYDuration
  • rollInYEasing
  • luncurkanXDurasi
  • rollOutXEasing
  • rollOutYDurasi
  • rollOutYEasing
  • flipXDuration
  • flipXEasing
  • flipYDuration
  • membalikYasing
  • slideXDuration
  • slideXEasing
  • slideYDurasi
  • slideYasing
  • slideRowDuration
  • slideBarisMeringankan
  • slideKolomDurasi
  • slideColumnEasing
  • memudarDurasi
  • fadeEasing

Pos terkait

Tinggalkan Balasan

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