iCarousel

Фабио Zendhi Нагао (http://zend.lojcomm.com.br)

iCarousel с открытым исходным кодом (бесплатная) JavaScript инструмент для создания карусели, как виджеты.

индекс:

  1. Индекс
  2. Реферат
  3. Примеры
  4. Совместимость браузера
  5. Особенности
  6. Использование
  7. Лицензия
  8. Скачать
  9. История версий
  10. Комментарии

Аннотация:

Одной из наиболее распространенных проблем веб-Разработчик, как правило, лица, связанные с непрерывно вращать фрагмент Контента. Это может быть презентация заголовки, небольшие фрагменты новостей или списка миниатюр. Природа вещь ротация не имеет значения слишком много, потому что здесь все такие приложения всегда разделяют ту же идею: вращающийся. Этой цели можно достичь различными путями, таких как затухание и прокрутки. Ну вот iCarousel становится полезным. Это один шаг вперед, пытаясь обобщить все эти типы виджетов предоставляя богатый презентации и делает задачу намного проще.

примеры:

Совместимость с браузерами:

iCarousel совместим и протестирован в Интернет-обозревателя, как Firefox (мозилла и его друзей),опера и Сафари (спасибо Kamicane для тестирования). Но он должен работать в других браузерах тоже… если вы успешно найти другой совместимый браузер, пожалуйста, дайте мне знать 😉

особенности:

iCarousel полностью настраивается. Вы можете изменить любой параметр по умолчанию просто initializating класс с объекта в json. Доступны следующие параметры:

    • (object) animation
      • (string) type (default «fadeNscroll», values: [«fadeNscroll», «scroll», «fade»]).
      • (string) direction (default «left», values: [«top», «left»]) — required only by «scroll» type.
      • (int) amount (default 1) — The amount of items to scroll :: required only by «scroll» type.
      • (function) transition (default Fx.Transition.Cubic.easeInOut).
      • (int) duration (default 500)
      • (object) rotate
        • (string) type (default «manual», values: [«manual», «auto»]).
        • (int) interval (default 5000 ms) — required only by «auto» type.
        • (string) onMouseOver (default «stop», values: [«stop», «proceed»]) — required only by «auto» type.
    • (object) item
      • (string) klass (default «item»)
      • (int) size (default 100) — The relevant size of item :: required only by «scroll» type.
    • (string) idPrevious (default «previous»)
    • (string) idNext (default «next»)
    • (string) idToggle (default «toggle»)

как использовать:

Прежде всего, iCarouse построен более в mootools версии v1.1, так как библиотеки необходимы.
Получить в mootools на http://mootools.net и iCarousel здесь. Использовать IceBeat Packito видеть в mootools зависимостей.
Со сценариями в руках, то их нужно включить между вашей «головы» определение:

  1. <head>
  2. .
  3. . <!—// codes here //—>
  4. .
  5.   <script type=«text/javascript» src=«js/mootools.js»></script>
  6.   <script type=«text/javascript» src=«js/icarousel.js»></script>
  7. .
  8. . <!—// and here //—>
  9. .
  10. </head>

Инициализировать iCarousel класс:

  1. new iCarousel(«container», {
  2. animation: {
  3. type: «fade»,
  4. transition: Fx.Transitions.linear,
  5. rotate: {
  6. type: «auto»
  7.         }
  8.     }
  9. });

Вот именно, по этому тарифу вы должны быть в состоянии видеть iCarousel создания новостного тикера с элементами класса «товар».

лицензия:

Этот кусок кода выпущена под свободной лицензией mit, которая позволяет использовать его и изменить его в любых обстоятельствах. Более подробную информацию читайте ниже:

Лицензией mit

Авторское право (C) 2007 Фабио Zendhi Нагао — http://zend.lojcomm.com.br

Разрешение настоящим предоставляется бесплатно, любому лицу получить копию этого программного обеспечения и связанных файлов документации («программное обеспечение»), дело в программное обеспечение без ограничений, включая без ограничения права использовать, копировать, модифицировать, объединять, публиковать, распространять, сублицензировать и/или продавать копии программного обеспечения, а также разрешать лицам, которым предоставляется программное обеспечение, чтобы сделать это, при соблюдении следующих условий:

Выше уведомление об авторских правах и данное уведомление о разрешении должны быть включены во все копии или существенные части программного обеспечения.

ПРОГРАММНОЕ ОБЕСПЕЧЕНИЕ ПРЕДОСТАВЛЯЕТСЯ «КАК ЕСТЬ», БЕЗ ГАРАНТИЙ ЛЮБОГО РОДА, ЯВНЫХ ИЛИ ПОДРАЗУМЕВАЕМЫХ, ВКЛЮЧАЯ, НО НЕ ОГРАНИЧИВАЯСЬ ГАРАНТИЯМИ ТОВАРНОЙ ПРИГОДНОСТИ, ПРИГОДНОСТИ ДЛЯ КОНКРЕТНОЙ ЦЕЛИ И НЕНАРУШЕНИЯ ПРАВ НА ИНТЕЛЛЕКТУАЛЬНУЮ СОБСТВЕННОСТЬ. НИ ПРИ КАКИХ ОБСТОЯТЕЛЬСТВАХ АВТОРЫ ИЛИ ВЛАДЕЛЬЦЫ АВТОРСКИХ ПРАВ БУДЕТ НЕСТИ ОТВЕТСТВЕННОСТИ ЗА ЛЮБЫЕ ПРЕТЕНЗИИ, УБЫТКИ ИЛИ ИНОЙ ОТВЕТСТВЕННОСТИ, БУДЬ ТО В ДЕЙСТВИЕ КОНТРАКТА, ДЕЛИКТА ИЛИ ИНЫМ ОБРАЗОМ, ВЫТЕКАЮЩИЕ ИЗ, ИЛИ В СВЯЗИ С ПРОГРАММНЫМ ОБЕСПЕЧЕНИЕМ ИЛИ ИСПОЛЬЗОВАНИЕМ ИЛИ ДРУГИМИ СДЕЛКАМИ В ПРОГРАММНОМ ОБЕСПЕЧЕНИИ.

скачать:

iCarousel доступна в форматах ниже:

  • упакованные версии : Ультра сжатая версия (3.40 КБ) — готовый для использования «как есть» версия.
  • полная версия : полная версия (8.60 КБ) — для разработчиков, которым необходимо изменить или просто изучить его.

история версий:

05/22/2007 : В1.001

  • [изменения] (опция) анимация.типа [свиток -> fadeNscroll (по умолчанию), теперь прокрутка не выцветают что-нибудь (очень быстро)]
  • [Добавлено] (метод) гото(индекс) — использовать iCarousel.гото(N), чтобы анимировать в N-ый элемент элемент коллекции
  • [Добавлено] (событий) onClickPrevious, onClickNext, onPrevious, наследующей, onGoTo
  • [изменено] onMouseOver: «стоп» поведение теперь сбрасывает Таймер анимации на onMouseEnter и onMouseLeave, начать все заново на
  • [изменено] я пример для иллюстрации использования onPrevious и наследующей
  • [изменено] пример II иллюстрирует применение onClickPrevious и onClickNext
  • [изменено] пример V, чтобы проиллюстрировать новый onMouseEnter, onMouseLeave поведение
  • [Добавлено] пример и. для того, чтобы проиллюстрировать использование goto

05/09/2007 : В1.0 — первый публичный релиз

Ссылка на оригинал статьи: http://zendold.lojcomm.com.br/icarousel/

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *