Архив рубрики "jQuery"

JQuery. Щадящий режим.

Автор: Ognezmej. Опубликовано: 13 Мая 2011

Допустим, у нас есть задача, решаемая средствами JQuery. Допустим, она решается подключением какого-нибудь общеизвестного плагина. Но! Отдельные моменты плагином не реализованы, либо реализованы не так, как хотелось бы. А в целом, да, плагин подходит.

Что делать?

Есть два варианта. Первый - скачать неминимизированную версию плагина (с отступами и переводом строк), раскурочить её, и запихать туда всю необходимую функциональность. Второй вариант - не трогая плагин, написать код, который делает всё, что нужно уже с результатами плагина. Как бы плагин к плагину.

Второй метод условно назван щадящим, поскольку не затрагивает уже существующие модули. Преимущества очевидны - не тратятся время и силы на изучение плагина изнутри - а плагины, они, вообще-то, для того и сделаны, чтобы их не изучали, а тупо применяли - отсюда и жалобы на излишнюю функциональность. Также к преимуществам следует отнести совместимость - к примеру, выходит новая версия плагина, или более быстрая, или исправленная - можно просто заменить ею старую - и всё работает. В отличие от первого метода, когда придётся опять копаться в кодах. Наконец, универсальность. К примеру,  на сайте более одного места, где данный плагин нужно использовать с разными модификациями. В первом случае фактически пришлось бы обращаться к различным скриптам модифицированного плагина, и ещё неизвестно, как оно бы было с их совместимостью. Здесь же плагин один, только разные надстройки в зависимости от того, что и где вам нужно.

Из недостатков можно отметить возможное падение производительности - если сам плагин и ваша к нему надстройка медленные сами по себе, возможен визуальный глюк - пользователь не сразу увидит то, что должен видеть, на некоторое перед ним мелькнёт результат первоначального плагина. Визуальное визуальным и вышибают - скрытием элемента, либо заплаткой поверх с надписью 'Loading'  или что-то в этом роде. Ещё можно назвать субъективный такой момент как меньшее количество экспириенса, чем, ежели бы вы вручную ковыряли плагин. Но это уже кому - опыт, кому - результат.

 

Метки: jQuery, Кодинг

Нет комментариев

Галерея PrettyPhoto

Автор: cyberacing. Опубликовано: 17 Июля 2010

В работе над одним проектом встал вопрос использования плагина LightBox. Скачал его, пытался установить. Все отлично в плагине, но он не удовлетворял всем требованиям. Поэтому пришлось искать более функциональные аналоги. И тут наткнулся на PrettyPhoto. Разобравшись, я понял, что это мой выбор. Он очень удобный, понятный и легконастраиваемый. К тому же этот плагин позволяет работать не только с фото. В области просмотра можно выводить видео с YouTube, ролики в формате .mov (Apple QuickTime), содержимое во flash-формате и наконец вообще любой контент через iframe. И еще он имеет свой API, чего у других не наблюдалось.

Кроме множества различных настроек плагин предоставляет еще 4 метода:

$.prettyPhoto.open('path/to/image','Title','Description') – метод позволяет открыть нужную галерею.

$.prettyPhoto.changePage('next') – с помощью этого метода можно осуществить переход к следующему изображению галереи.

$.prettyPhoto.changePage('previous') – с помощью этого метода можно осуществить переход к предыдущему изображению галереи.

$.prettyPhoto.close() – с помощью этого метода можно закрыть галерею.

Самый большой интерес вызовал метод, с помощью которого можно открыть галерею практически как угодно и откуда угодно. Именно такое требование было в данном проекте. Нужно было открыть галерею в "лайтбоксе", при этом по клику перейти на страницу галереи и открыть фотографию, на которой был клик на предыдущей странице-превью галерей. Как оказалось задача решалась просто :)

Для желающих изучить подробнее и посмотреть демо-примеры предлагаю обратиться на сайт разработчика: PrettyPhoto

Метки: jQuery, Кодинг

Нет комментариев