Theta Carousel 3D

  • Whatsapp
Theta Carousel 3D

Source Code : Theta Carousel 3D

Bacaan Lainnya

adalah plugin jQuery yang membantu Anda mengatur konten dengan cepat dan mudah dalam ruang 3D. Plug-in mendukung tata letak responsif dengan kemampuan penskalaan otomatis dan sangat cocok untuk menampilkan konten di semua ukuran layar.

Korsel sangat fleksibel – hampir semuanya dapat dikonfigurasi sesuai keinginan Anda, mulai dari jalur gerak objek hingga fisika gerak. Desain Configurator yang sangat intuitif adalah keuntungan lain yang memberikan kejelasan pada proses konfigurasi sejak menit pertama penggunaan. Dilengkapi dengan Teta, Anda tidak terbatas hanya pada objek yang bergerak dalam jalur gerak parabola atau elips – cobalah opsi lain: spiral, parabola kubik, dan garis. Plus, Anda juga dapat menentukan jalur gerakan Anda sendiri untuk objek menggunakan kurva Bezier kubik. Korsel Teta didukung oleh semua browser web dan tablet utama (iPhone, iPad, iOS, Android, dan Windows 8 ).

Theta Carousel 3D - 1

fitur

  • Berbagai gerakan yang dapat dikonfigurasi jalan
    • Parabola, garis, parabola kubik, spiral, elips, Anda bahkan dapat menentukannya sendiri dengan bantuan kurva Cubic Bezier
  • Dapat dikonfigurasi parameter fisika
    • Parameter momentum, ketegangan, dan pelonggaran dapat dikonfigurasi menggunakan UI intuitif
  • Konfigurasi pemandangan
    • Kemampuan untuk putar, perbesar, regangkan, dan geser jalur gerak dalam dimensi apa pun
  • Pengonfigurasi visual: objek yang dikonfigurasi adalah objek JSON dengan pengaturan
    • Gunakan konfigurator eksternal kami untuk bermain dengan berbagai opsi secara real time, bahkan di lingkungan produksi Anda. Cukup jalankan cuplikan kode pendek di konsol browser, dan hanya itu. Cuplikan akan memuat konfigurator kami langsung dari situs web kami. Tidak perlu mengubah apa pun di server. Setelah carousel dikonfigurasi, Configurator akan menghasilkan objek JSON dengan pengaturan.
  • AngularJS cocok
    • Kami juga menyediakan arahan AngularJS untuk komponen kami. Cukup tambahkan ke markup Anda dan nikmati carousel yang tampak mewah dan fleksibel di aplikasi AngularJS Anda
  • Dukungan untuk papan kunci, mouse, dan sentuh
  • Responsif tata letak dengan kemampuan penskalaan otomatis
    • Apa yang Anda lihat adalah apa yang Anda dapatkan – korsel ditampilkan dengan cara yang sama seperti Anda mengonfigurasinya di layar dengan ukuran berapa pun
  • Konten carousel tidak terbatas pada gambar
    • Anda dapat dengan mudah mengubah HTML apa saja elemen menjadi objek carousel
  • Konfigurasikan visual efek
  • Dokumentasi dan sampel akan membantu Anda memulai dengan cepat tentang cara mengonfigurasi dan menggunakan carousel
  • Rotasi melingkar
  • Putar otomatis
  • Pengganti untuk browser yang tidak mendukung transformasi 3D
    • Carousel secara otomatis mendeteksi jika browser mendukung 3D, dan jika tidak (misalnya IE 9) item akan disejajarkan menjadi garis biasa

Apa yang dikatakan klien kami:

Theta Carousel 3D - 2

Theta Carousel 3D - 3

Theta Carousel 3D - 4

Pembaruan

  • 31 Maret 2016:
    • Menambahkan arahan AngularJS.
    • Menambahkan opsi yang memungkinkan untuk menonaktifkan geser untuk gerakan seret dan sentuh mouse.
  • 28 Januari 2016:
    • Pengguliran roda mouse dan keyboard yang ditingkatkan.
    • Menambahkan kemungkinan untuk menonaktifkan roda mouse dan/atau pengguliran keyboard.
  • 15 Januari 2016:
    • Menambahkan metode API baru – perbarui. Ini memungkinkan untuk menambah/menghapus item ke/dari carousel secara dinamis.
  • 22 Desember 2015:
    • Mengimplementasikan fallback untuk browser yang tidak mendukung transformasi 3D (misalnya IE 9).
  • 12 November 2015:
    • Menambahkan putar otomatis
  • 28 Oktober 2015:
    • Menambahkan rotasi melingkar
    • Menambahkan efek refleksi (hanya berfungsi di Chrome, Opera, dan Safari)
    • Menambahkan pengenalan gerakan vertikal

Pos terkait

Tinggalkan Balasan

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