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 till WorldWideScripts.net

Prenumerera på vårt foder för att hålla dig uppdaterad!

Nytt! Följ oss som du vill ha det!


HTML5 Canvas Carousel - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Följ Envato Följ FACEBOOK

Uppdatera 2012/09/21 - Vi har fasta vissa navigeringsproblem på mobilen, är karusellen mer lyhörd.

Detta är en fantastisk HTML5 Canvas XML Carousel presentera en 3D fotogalleri i form av en karusell med massor av funktioner. Du kan skräddarsy nästan vad som helst och 3D verkligheten presentationen det är så bra att de flesta sannolikt kommer du aldrig behöver en annan karusell.

Denna mycket komplex HTML5 Canvas 3D karusell är optimerad för mobila enheter (Android och IOS mobila enheter som iPad2, iPad3, iPhone, Samsung Galaxy Tab etc). Det går inte bara på dessa enheter, men det fungerar som en infödd app, du kan röra och dra / vrida karusellen precis som du skulle en infödd app. Observera att vi har testat det på IOS (iPad2 och iPad3) och Android (Samsung Galaxy Tab) och resultatet är riktigt bra särskilt på iPad med IOS5 eller högre (duken på denna enheter hårdvaruaccelererad).

Detta HTML5 Canvas Carousel kan ha någon bild som presenteras på något sätt du vill: horisontellt, vertikalt, snett, dessutom har unika förinställningar med fördefinierade rörelser och presentationer. Du kan också ställa in färgerna på knappar, scrollbar preloaders gränsen etc, i princip hela färg och grafik tema kan ändras. Dessutom, alla knappar och rullningslisten är valfria.

Alla alternativ kan lätt ändras från konfigurations XML-filen, alltså även upprätthållandet av karusellen är det mycket enklare.

 Example for setting up the carousel: 

JavaScript-kod: var cc = new CanvasCarousel ("myCanvas", "belastning / config.xml"); HTML-kod:

Den CanvasCarousel JavaScript klassen funktion behöver bara två argument: duken ID och sökvägen till XML-fil. På detta sätt kan du deklarera flera instanser, vilket skapar en ny CanvasCarousel instans för varje duk, med en annan id och även en annan XML-konfiguration om du vill.

En hjälpfilen är knuten till den hämtade filen förklarar alla konfigurations taggar och installation. Karusell Funktioner:

 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. 

Många andra coola funktioner!


Hämta
Andra komponenter i denna kategoriAlla komponenter i denna författare
KommentarerVanliga frågor och svar

Egenskaper

Skapad:
4 April 12

Senaste uppdateringen:
N / A

Hög upplösning:
Nej

Kompatibla webbläsare:
IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

Filer Ingår:
JavaScript JS, HTML, XML, CSS

Programvaruversion:
HTML5, Övrigt

Nyckelord

e-handel, e-handel, Alla artiklar, android, må, larduk, duk karusell, karusell, HTML5, ios, mobil, xml