1 В избранное 0 Ответвления 0

OSCHINA-MIRROR/postbird-PostbirdImgGlass

Присоединиться к Gitlife
Откройте для себя и примите участие в публичных проектах с открытым исходным кодом с участием более 10 миллионов разработчиков. Приватные репозитории также полностью бесплатны :)
Присоединиться бесплатно
Клонировать/Скачать
Внести вклад в разработку кода
Синхронизировать код
Отмена
Подсказка: Поскольку Git не поддерживает пустые директории, создание директории приведёт к созданию пустого файла .keep.
Loading...
README.md

postbirdImageGlass

postbird-img-glass.js Изображение с увеличением

Онлайн просмотр эффекта

http://postbird.oschina.io/postbirdimgglass

Преимущества:

Безшовное включение, просто передайте DOM, который требуется прослушивать событиями.

Недостатки:

На данный момент нет preventDefault() для изображений в ссылках, поэтому ссылка будет переходить. Если это необходимо, вы можете добавить его самостоятельно или выполнить проверку — если есть ссылка, то не выполнять обработку.

Описание:

*   Изображение с увеличением
*   Автор: Postbird
*   Сайт: http://www.ptbird.cn
*   Лицензия: MIT

Введение:

src="./js/postbird-img-glass.js"

Использование:

// Пример использования
PostbirdPictureMagnifyingGlass.init({
    domSelector:".img-container img",
    animation:true
});

Параметры:

init({}) принимает объект параметров
* domSelector  - селектор DOM            по умолчанию "img"
* width        - ширина увеличенного изображения  по умолчанию "auto"
* height       - высота увеличенного изображения  по умолчанию "auto"
* boxClassName - имя класса контейнера увеличителя  по умолчанию "postbird-img-glass-box"
* boxBgColor   - цвет фона контейнера увеличителя  по умолчанию "rgba(0,0,0,0.8)"
* animation    - использовать CSS3 анимацию  по умолчанию "false" работает только в IE10+
```### Важные замечания:
  1. Для использования CSS3 анимаций требуется IE10+
  2. Минимальная поддерживаемая версия IE9, событие слушатель использует addEventListener
  3. Действия можно выполнять только после полной загрузки документа
  4. Стили CSS и анимацию можно скопировать и отформатировать для создания пользовательских стилей.

Комментарии ( 0 )

Вы можете оставить комментарий после Вход в систему

Введение

**JavaScript: изображение-лупа** *Для корректного отображения результата может потребоваться доступ к интернету.* К сожалению, без контекста невозможно понять, о чём идёт речь в запросе. Однако можно предположить, что текст описывает создание изображения-лупы с помощью JavaScript. В ответе представлен перевод текста без учёта контекста. **Пр... Развернуть Свернуть
MIT
Отмена

Обновления

Пока нет обновлений

Участники

все

Недавние действия

Загрузить больше
Больше нет результатов для загрузки
1
https://api.gitlife.ru/oschina-mirror/postbird-PostbirdImgGlass.git
git@api.gitlife.ru:oschina-mirror/postbird-PostbirdImgGlass.git
oschina-mirror
postbird-PostbirdImgGlass
postbird-PostbirdImgGlass
master