WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
HTML5 / Sliders

CCSlider - jQuery 3d Slideshow Plugin

— Tambah-On untuk WorldWideScripts.net

Melanggan suapan kami untuk kekal sehingga tarikh!

Baru! Ikut kami yang anda mahu!


CCSlider - jQuery 3d Slideshow Plugin - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Wordpress Plugin Versi Tersedia Di sini

CCSlider adalah jQuery unik gambar plugin. Ia menyokong peralihan 3d! Terdapat 14 peralihan 3d yang menakjubkan yang ada, dan juga 16 peralihan 2d bergaya. Anda mempunyai pilihan untuk menyebut sandaran peralihan 2d untuk pelayar lama yang tidak menyokong HTML5 kanvas, yang digunakan untuk menghasilkan peralihan 3d. Gelangsar responsif sepenuhnya, kerja-kerja dalam peranti mudah alih dan menyokong gerak isyarat sentuh untuk menavigasi melalui slaid. Plugin ini juga menyokong kapsyen HTML, autoplay slaid, kandungan HTML adat dan peralihan adat setiap slaid. Lihat di bawah untuk senarai ciri yang tersedia dalam plugin.

Ciri-ciri

  • 14 HTML5 kanvas kesan animasi 3d berasaskan.
  • 16 kesan animasi 2d bergaya.
  • Sandaran kepada kesan 2d pilihan anda untuk pelayar yang tidak menyokong HTML5 kanvas. Juga boleh menyebut kelajuan animasi untuk kesan sandaran.
  • Pilihan untuk menyebut bilangan keping untuk kesan 3d.
  • Pilihan untuk menyebut kelewatan animasi antara keping individu.
  • Juga boleh menyebut di mana arah kelewatan akan menyebarkan. Terdapat empat arahan itu.
  • Pilihan untuk menyebut mengimbangi di sepanjang paksi-z dan pemisahan antara keping manakala animasi untuk kesan 3d.
  • Sebut pilihan mengurangkan pilihan anda untuk kesan 3d.
  • Boleh menyebut parameter peralihan adat bagi setiap slaid.
  • Pilihan untuk mempunyai bayang-bayang untuk "Cube" kesan 3d. Juga boleh menyebut warna bayangan pilihan anda.
  • Pilihan untuk menggunakan imej png telus imej slaid untuk kesan 3d.
  • Menyokong kapsyen HTML. Terdapat 4 jawatan kapsyen yang ada - bawah, atas, kiri, kanan.
  • Setiap slaid boleh mempunyai kedudukan kapsyen yang berbeza.
  • Kapsyen boleh mempunyai peralihan animasi (pudar, slaid) atau tiada langsung.
  • Pilihan untuk mempunyai hubungan kawalan untuk slaid individu. Juga boleh mempunyai imej kecil sebagai pautan.
  • Setiap imej slaid juga boleh bertindak sebagai pautan ke laman luaran.
  • Menyokong kandungan HTML adat bagi setiap slaid. Ini kandungan dipaparkan di atas imej slaid. Anda boleh gaya dan bernyawa mereka bagaimanapun anda mahu. Anda juga boleh memasukkan video dalam slaid menggunakan pilihan ini.
  • Pilihan autoplay. Butang main / jeda dijana apabila pilihan Autoplay dipilih. Dalam penyemak imbas yang disokong HTML5 Page Kebolehlihatan API digunakan untuk menghentikan autoplay apabila tab / tetingkap yang mengandungi gelangsar adalah daripada fokus dan autoplay disambung semula apabila tab / tetingkap sekali lagi menjadi tumpuan, dan ini membantu dalam mencegah kuasa dan sumber CPU penggunaan yang tidak perlu.
  • Pilihan untuk berhenti seketika Autoplay apabila berlegar slider.
  • Penuh responsif dan berfungsi dalam semua saiz skrin dari desktop untuk penyemak imbas mudah alih.
  • Boleh menavigasi melalui slaid menggunakan gerak isyarat sentuhan dalam IOS, Android dan peranti skrin sentuh lain.
  • Pilihan untuk fungsi panggilan balik disediakan yang melaksanakan sama ada sebelum atau selepas perubahan slaid. Acara adat untuk ini 'sebelum' dan 'selepas' peristiwa perubahan slaid juga disediakan.
  • Fungsi API berguna disediakan, seperti berikut (), akhir (), mula (), berhenti (), goToSlide () dan memusnahkan (), yang membolehkan untuk manipulasi perancangan tayangan slaid.

NOTA: Kesan 3d akan berjalan hanya pada pelayar yang menyokong HTML5 kanvas. Sebaliknya kesan 2d akan berjalan pada pelayar yang paling boleh didapati. Jika anda memilih kesan 3d maka anda boleh menyebut kesan 2d pilihan anda untuk pelayar yang tidak menyokong kanvas. Internet Explorer 8 dan ke bawah tidak menyokong kanvas, tetapi IE 9 dan ke atas menyokongnya.

Dikemas kini pada 22 April 2013 - versi 3.0.2

  • Gelangsar kini serasi dengan jQuery 1.9+.
  • Gelangsar menggunakan HTML5 Page Kebolehlihatan API, dalam penyemak imbas yang disokong, untuk menghentikan autoplay apabila tab / tetingkap yang mengandungi slider itu berada di luar fokus, dan menyambung semula autoplay apabila tab / tetingkap adalah lagi dalam fokus.

Dikemaskini pada 27 Jun, 2012 - versi 3.0.1

  • Tetap bug di mana gelangsar berhenti kerja apabila terdahulu / butang akan datang telah dimatikan dalam mod 3d.

Dikemaskini pada 16 Jun, 2012 - versi 3.0

  • Gelangsar kini mempunyai susun atur responsif sepenuhnya
  • Slaid boleh dilayari menggunakan gerak isyarat sentuh dalam peranti skrin sentuh
  • Empat jawatan kapsyen telah disediakan yang "atas", "bawah", "kiri" dan "hak"
  • Setiap slaid boleh mempunyai kedudukan kapsyen yang berbeza

Dikemaskini pada 17 Januari, 2012 - versi 2.0.1

  • Tetap bug mengenai pautan imej aktif pada slaid pertama pada beban halaman.
  • Pautan imej pada diklik muka surat sekarang dibuka dalam tetingkap yang sama.
  • Dikemaskini dokumentasi.

Dikemaskini pada 6 Januari 2012 - versi 2.0

  • Sokongan tambahan untuk peralihan adat setiap slaid.
  • Sokongan tambahan untuk kandungan HTML adat setiap slaid, mana pengguna boleh gaya dan bernyawa pula mereka mahu.
  • Imej slaid kini boleh berfungsi sebagai link ke laman luaran.
  • Ditambah 4 kesan 3d baru.
  • Ditambah 6 kesan 2d baru.
  • Kesan 3d kini mempunyai parameter opsyen tambahan untuk menyatakan mengimbangi sepanjang z-paksi, jarak pemisahan antara keping dan arah luang kelewatan. Juga baris dan lajur parameter yang ada untuk 'grid' baru kesan 3d.
  • CCSlider kini menyediakan fungsi API seperti berikut (), akhir (), mula (), berhenti (), goToSlide () dan memusnahkan ().
  • Acara adat yang sepadan dengan 'beforeSlideChange' dan fungsi panggilan balik 'afterSlideChange' disediakan.
  • Pilihan untuk menggunakan imej png telus imej slaid untuk kesan 3d.
  • Peningkatan prestasi dalam kanvas berdasarkan kesan 3d.
  • Pelbagai pepijat kecil.

Dikemas kini pada 27 Mei, 2011 - versi 1.1.1

  • Tetap bug dalam IE9 yang menyebabkan imej slider untuk tidak memaparkan sana.
  • Tetap bug yang disebabkan apabila kedua-dua autoplay dan pilihan pauseOnHover telah aktif.

Dikemaskini pada 3 Mac 2011 - versi 1.1

  • Ditambah pilihan untuk Rawakkan kesan antara slaid. Maklumat dalam dokumentasi.
  • Pilihan untuk memulakan tayangan slaid di mana-mana slaid.

Lebih Item oleh CosmoCoder

Show Foto, Audio, Video OVA berbohong Dua Mod Paparan Penapisan FunctionaUty Galeri Pelbagai Set Sokongan Sokongan cecair Responsive Design Dua Skim Warna Tetapan Pelbagai

Galeri untuk Imej, Audio, Video Coverfiow thumbnail Item Mod Paparan menapis fail Jenis Custom Kategori cecair Design responsif skrin sentuh Sokongan CCGaNer HTM5 MULTIMEDIA GA1ERY Olos ftot V.deos

Pilih Imej melalui Drag dan Drop HTML COVE GENERATOR FIR Image GALLERIES Jenis Padam Imej Preview Imej LOCATE GAMBAR Dua Galeri Kod pilihan lightbox dan Slideshow Imej Dipilih Menghasilkan Sah HTML


Memuat turun
Komponen-komponen lain dalam kategori iniSemua komponen pengarang ini
KomenSoalan-soalan lazim dan jawapan

Properties

Dibuat:
22 Feb 11

Kemaskini:
9 April 14

Resolusi Tinggi:
Tiada

Pelayar Sesuai:
IE6, IE7, IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

Fail Termasuk:
JavaScript JS, HTML, CSS

Perisian Versi:
HTML5

Kata kunci

eCommerce, eCommerce, Semua Produk, 3d, Gambar 3d, kanvas, HTML5, jquery, jquery slider, tayangan slaid jquery, slider, tayangan slaid