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

— Додатки до WorldWideScripts.net

Підпишіться на наш канал, щоб залишатися в курсі подій!

Новинка! Слідуйте за нами, як ви хочете!


HTML5 Canvas Carousel - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Дотримуйтесь Envato Дотримуйтесь FACEBOOK

Оновлення 21.09.2012 - Ми виправили деякі навігаційні завдання на мобільний, карусель, є більш прийнятним.

Це дивовижна HTML5 Canvas XML Карусель представляючи 3D переглядом фоток у формі каруселі з купою функцій. Ви можете налаштувати практично нічого і реальність презентації 3D це так добре, що, швидше за все, ви ніколи не будете потрібен інший каруселі.

Це дуже складний HTML5 Canvas 3D-карусель оптимізований для мобільних пристроїв (Android і IOS мобільних пристроїв, таких як iPad2 iPad3, iPhone,, Samsung Galaxy Tab і т.д.). Вона працює не тільки на тих пристроях, але він діє як рідне додаток, ви можете торкнутися і перетягнути / обертати карусель як якщо б ви в рідному додатку. Будь ласка, зверніть увагу, що ми перевірили його на IOS (iPad2 iPad3 і) і Android (Samsung Galaxy Tab) і продуктивність насправді добре, особливо на IPad з IOS5 або вище (полотно на цій пристроїв апаратне прискорення).

Це HTML5 Canvas Карусель може мати будь-яке зображення представлене в будь-якому випадку ви хочете: горизонтальні, вертикальні, косою, також він має унікальні пресетів з зумовленими рухів і презентацій. Ви також можете встановити кольору межі кнопки, смуги прокрутки і т.д. Preloaders, в основному весь цвіт і графіка тема може бути змінена. Крім того, всі кнопки і смуги прокрутки не є обов'язковими.

Всі варіанти можуть бути легко змінені з конфігурації XML файлу, тому і підтримання каруселі це набагато простіше.

 Example for setting up the carousel: 

JavaScript-код: Var CC = новий CanvasCarousel ("myCanvas", "навантаження / config.xml"); HTML-код:

Функція класу CanvasCarousel JavaScript потрібно всього 2 аргументу: полотно ідентифікатор і шлях до XML-файла. Таким чином, ви можете оголосити кілька примірників, створюючи новий екземпляр CanvasCarousel для кожного полотна, з іншого ID і навіть іншої конфігурації XML, якщо ви хочете.

Файл довідки додається до завантаження файлу, пояснюючи все теги конфігурації і установки. Карусель Особливості:

 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. 

Багато інші цікаві функції!


Завантажити
Інші компоненти в цій категоріїВсі компоненти цього автора
КоментаріЧасті питання та відповіді

Властивості

Створений:
Чотири 12 квітня

Останнє оновлення:
N / A

Висока роздільна здатність:
Немає

Сумісні Браузери:
IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

Файли, включені:
JavaScript JS, HTML, XML, CSS

Версія:
HTML5, Інше

Ключові слова

електронної комерції, електронної комерції, Всі товари, Android, полотно, полотно карусель, карусель, HTML5, IOS, мобільний, XML