prettyPoppin

PrettyPopin

PrettyPopin — jQuery плагин, который вызывает модальное окно с внешним контентом.

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

Zip с не сжатым js, 21 Кб Zip со сжатым js, 21 Кб

Поддержка браузеров

Этот плагин был протестирован в следующих браузерах.

IE 6+ IE 7+ firefox 2.0+ chrome 3.0+ safari 3.1.1+

Установка

Нет ничего проще. Вначале вы наполняете содержимым веб-страницу, затем определяете, где у вас будет вызываться модальное окно с AJAX контентом.

Затем подключаете к странице библиотеку jQuery , плагин prettyPopin и его CSS стили.

Добавляете rel=”prettyPopin” к любой ссылке, где будет производится запуск плагина.

* Примечание: В ссылке обязательно должен быть указан источник (атрибут href) для загрузки контента.

Инициализируем prettyPopin.

Настройка

Настраивается плагин следующим образом:

Для того, чтобы работали ссылки внутри самого окна prettyPopin (например, паджинация), добавьте rel=”internal” к ссылкам , которые будут внутри prettyPopin.

Вы также можете назначить на любую ссылку внутри prettyPopin функцию закрытия окна плагина, для этого добавьте к ссылке атрибут rel=”close”.

Для того, чтобы контент в окне prettyPopin загружался верно, не ломая верстку вашего сайта, нужно предопределять ширину окна этого плагина при загрузке. Как это сделать, показано в разделе Установка.

Желаем вам удачи в установке и использовании этого плагина.


4 комментарий на “PrettyPopin

  1. Сейчас уже много стало модальных окон, тяжело выбрать.

    Я лично пользовался Impromptu, мне показался он проще. = )

    trentrichardson.com/Impromptu/

    Мне вот интересно, а в prettyPopin можно переходить из одного окна в другое?

    Предположим при помощи кнопки next?

    Thumb up 0 Thumb down 0

    • Да, если посмотрите пример, то увидите, что в этом модальном окне можно сделать мини-навигацию.

      Thumb up 0 Thumb down 0

      • Здорово. Спасибо за ответ.= )

        Просто я в код особо не вникал. Нужно как-нибудь попробовать ваш вариант...

        Я уже привык к Impromptu, теперь осталось себя заставить, чтобы изучить что-то новое и сравнить. = (

        P.s. Хорошие статьи на сайте. Желаю успехов всем в написании! ;-)

        Thumb up 0 Thumb down 0

  2. Все отлично, но хотелось бы чтобы окно можно было задавать в % соотношении или чтобы оно само определяло максимальный размер. Пришлось немного добавить JAVы кода но я не сильный знаток явы...

    Thumb up 0 Thumb down 0

Оставить комментарий