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 / Canvas

HTML5 Canvas Carousel

— Add-On ke WorldWideScripts.net

@id1wwsBerlangganan feed kami untuk tetap up to date!

Baru ! Ikuti kami seperti yang Anda inginkan!


HTML5 Canvas Carousel - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Ikuti Envato Ikuti FACEBOOK

Memperbarui 2012/09/21 - Kami telah tetap beberapa masalah navigasi di ponsel, carousel lebih responsif.

Ini adalah menakjubkan HTML5 Canvas XML Carousel menghadirkan 3D galeri foto dalam bentuk korsel dengan banyak fitur. Anda dapat menyesuaikan hampir apapun dan realitas presentasi 3D itu begitu baik bahwa kemungkinan besar Anda tidak akan memerlukan carousel lain.

Ini sangat kompleks HTML5 Canvas 3D Carousel dioptimalkan untuk perangkat mobile (Android dan IOS perangkat mobile seperti iPad2, iPad3, iPhone, Samsung Galaxy Tab dll). Ini tidak hanya berjalan pada perangkat tersebut tapi bertindak seperti aplikasi asli, Anda dapat menyentuh dan drag / memutar Carousel seperti yang Anda lakukan aplikasi asli. Harap dicatat bahwa kami telah diuji pada IOS (iPad2 dan iPad3) dan Android (Samsung Galaxy Tab) dan kinerja yang benar-benar baik terutama pada iPad dengan IOS5 atau lebih tinggi (kanvas pada perangkat ini akselerasi perangkat keras).

Ini HTML5 Canvas Carousel dapat memiliki gambar yang disajikan dalam cara apapun yang Anda inginkan: horisontal, vertikal, miring, juga memiliki preset unik dengan gerakan yang telah ditetapkan dan presentasi. Anda juga dapat mengatur warna tombol, preloaders scrollbar perbatasan dll, pada dasarnya warna dan grafis seluruh tema dapat dimodifikasi. Selain itu, semua tombol dan scrollbar adalah opsional.

Semua pilihan dapat dengan mudah dimodifikasi dari file konfigurasi XML, karena itu juga menjaga dari korsel itu jauh lebih mudah.

 Example for setting up the carousel: 

JavaScript code: var cc = CanvasCarousel baru ("myCanvas", "beban / config.xml"); Kode HTML:

The CanvasCarousel fungsi JavaScript kelas hanya membutuhkan 2 argumen: id kanvas dan path ke file XML. Dengan cara ini Anda dapat mendeklarasikan beberapa contoh, menciptakan CanvasCarousel contoh baru untuk setiap kanvas, dengan id yang berbeda dan bahkan konfigurasi XML yang berbeda jika Anda inginkan.

Sebuah file bantuan melekat ke file download menjelaskan semua tag konfigurasi dan instalasi. Fitur Carousel:

 XML driven all the positions, sizes and theme colors can be changed inside the XML file. supports any image files (png, jpg, gif). set the component's canvas width and height. set the carousel position on the canvas. set the thumb width and height. set the carousel radius on x, y and z axis. set the carousel angle for horizontal, vertical or oblique presentation. set the thumb border size and color. tooltip thumb option, which is dynamic (following the mouse). set the tooltip background color and the text size and color. the buttons can be enabled or disabled (visible or not). set the buttons colors. the scrollbar can be enabled or disabled like the buttons. set the scrollbar track and handler colors. the buttons, scrollbar and slideshow preloader positions can be set to be anywhere. the carousel can also be rotated with the mousewheel (can be disabled). slide show option. auto play option. set the slideshow transition time (when set to autoplay). it can open URLs when an image is clicked. the performance of this product is so good that you can have multiple carousel instances set to auto-slide in the same page of your project or website. 

Banyak fitur-fitur keren lainnya!


Ambil
Komponen lain dalam kategori iniSemua komponen penulis ini
KomentarPertanyaan yang sering diajukan dan jawaban

Properties

Dibuat:
4 April 12

Pembaharuan terakhir:
N / A

Resolusi tinggi:
Tidak

Browser kompatibel:
IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

Termasuk file:
JavaScript JS, HTML, XML, CSS

Software Versi:
HTML5, Lainnya

Kata kunci

eCommerce, eCommerce, Semua barang, android, kanvas, kanvas korsel, korsel, HTML5, ios, mobil, xml