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

Abonneer u op onze feed om de hoogte te blijven!

Nieuw! Volg ons als u het wilt!


HTML5 Canvas Carousel - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Volg Envato Volg FACEBOOK

Actualiseren 21.09.2012 - We hebben een aantal vaste navigatie problemen op mobiel, de carrousel is meer responsief.

Dit is een geweldige HTML5 Canvas XML Carousel presenteren een 3D fotogalerij in de vorm van een carrousel met veel functies. U kunt bijna alles en de 3D werkelijkheid presentatie is het zo goed dat waarschijnlijk zal je nooit meer een carrousel nodig aan te passen.

Deze zeer complexe HTML5 Canvas 3D Carousel is geoptimaliseerd voor mobiele apparaten (mobiele apparaten Android en IOS, zoals iPad2, iPad3, iPhone, Samsung Galaxy Tab etc). Het draait niet alleen op die apparaten, maar het fungeert als een native app, je kunt aanraken en slepen / draai de Carrousel net zoals u zou een native app. Houd er rekening mee dat we hebben getest op IOS (iPad2 en iPad3) en Android (Samsung Galaxy Tab) en de prestaties is echt goed vooral op de iPad met IOS5 of hoger (het doek op deze apparaten wordt hardwareversnelling).

Dit HTML5 Canvas Carousel kunt een beeld gepresenteerd op welke manier je wilt: horizontaal, verticaal, schuin, ook heeft het unieke presets met vooraf gedefinieerde bewegingen en presentaties. U kunt ook de kleuren van de knoppen, schuifbalk preloaders grens etc, eigenlijk het hele kleur en grafische thema kan worden gewijzigd. Bovendien zijn alle knoppen en schuifbalk zijn optioneel.

Alle opties kunnen eenvoudig worden aangepast uit de configuratie XML-bestand, dus ook het behoud van de carrousel is het veel makkelijker.

 Example for setting up the carousel: 

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

De CanvasCarousel JavaScript-klasse-functie heeft slechts 2 argumenten: het doek id en het pad naar het XML-bestand. Op deze manier kunt u verklaren meerdere exemplaren, het creëren van een nieuwe CanvasCarousel instantie voor elk doek, met een andere id en zelfs een andere XML-configuratie als u dat wenst.

Een Help-bestand wordt naar de download bestand waarin alle configuratie-tags en installatie aangesloten. Carrousel Kenmerken:

 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. 

Vele andere features!


Downloaden
Andere onderdelen in deze categorieAlle onderdelen van deze auteur
OpmerkingenVeelgestelde vragen en antwoorden

Eigenschappen

Gemaakt:
4 april 12

Laatste update:
N / A

Hoge resolutie:
Nee

Compatibele Browsers:
IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

Bestanden Inbegrepen:
JS JavaScript, HTML, XML, CSS

Software Version:
HTML5, Overige

Trefwoorden

eCommerce, eCommerce, Alle spullen, android, canvas, canvas carrousel, carrousel, html5, ios, mobiel, xml