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 Cover Flow

— Add- On per WorldWideScripts.net

Iscriviti al nostro feed per rimanere sempre aggiornato!

Nuovo! Seguici come lo vuoi!


HTML5 Canvas Cover Flow - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Questa è una straordinaria HTML5 Canvas Cover Flow XML che presenta una galleria di foto 3D con le tonnellate di caratteristiche. È possibile personalizzare quasi nulla e la presentazione realtà 3D è così buono che molto probabilmente non avrete mai bisogno di un altro Cover Flow.

Questo molto complesso HTML5 Canvas 3D copertura Flowis è ottimizzato per i dispositivi mobili (dispositivi mobili Android e IOS, come iPad2, iPad3, iPhone, Samsung Galaxy Tab, ecc). Funziona solo su tali dispositivi, ma si comporta come un'applicazione nativa, è possibile toccare e trascinare / ruotare il carosello proprio come si farebbe una applicazione nativa. Si prega di notare che abbiamo testato su IOS (iPad2 e iPad3) e Android (Samsung Galaxy Tab) e la performance è veramente buono soprattutto sul iPad con IOS5 o superiore (la tela su questi dispositivi è accelerazione hardware).

Questo Cover Flow HTML5 Canvas può avere qualsiasi immagine presentata in qualsiasi modo si desidera: orizzontale, verticale, obliqua, inoltre ha preset unici con i movimenti e presentazioni predefiniti. È anche possibile impostare i colori del confine bottoni, preloaders scrollbar, ecc, in pratica l'intero colori e grafica tema può essere modificato. Inoltre, tutti i pulsanti e di scorrimento sono opzionali.

Tutte le opzioni possono essere facilmente modificati dal file XML di configurazione, quindi anche il mantenimento della giostra è molto più facile.

Example for setting up the carousel: 

Il codice JavaScript: var cc = new CanvasCoverflow ("MyCanvas", "carico / config.xml"); Il codice HTML:

La funzione di classe CanvasCoverflow JavaScript deve solo 2 argomenti: l'id tela e il percorso del file XML. In questo modo è possibile dichiarare più istanze, la creazione di una nuova istanza CanvasCoverflow per ogni tela, con un ID diverso e anche una configurazione XML diverso se lo si desidera.

Un file di aiuto è allegato al file di download che spiega tutti i tag e l'installazione di configurazione.

Si prega di notare che il pannello di controllo dal demo è lì solo per mostrare come il flusso di copertura può essere configurato, per l'uso del componente viene senza il pannello di controllo, int i file di origine entrambi componenti del pannello semplici e di controllo sono inclusi. Coprire Caratteristiche di flusso:

 mobile optimized. 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 components canvas width and height. set the cover flow position on the canvas. set the thumb width and height. set the cover flow images space on x, y and z axis. set the cover flow 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 (this means that they will not be visible). 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 coverflow can also be scrolled with the mousewheel (you can disable this if you want). 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 coverflow instances set to auto-slide in the same page of your project or website. 

Molte altre funzioni interessanti!


Scarica
Altri componenti di questa categoriaTutti i componenti di questo autore
CommentiDomande frequenti e risposte

Proprietà

Creato:
13 Aprile 12

Ultimo aggiornamento:
N / A

Alta risoluzione:
No

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

File inclusi:
JavaScript JS, HTML, XML

Versione software:
HTML5

Parole chiave

eCommerce, eCommerce, Tutti gli articoli, tela, Cover Flow, Coverflow, html5, png, xml