Front-end Development

Стефан Кэрон обновил свой аналог lightbox на jQuery – prettyPhoto до версии 2.5.3. Скрипт прекрасно работает в

• Firefox 2.0+
• Safari 3.1.1+
• Opera 9+
• Internet Explorer 6.0+

Поддерживает открытие не только изображений, но и видео, flash, YouTube и iFrames. Все реализуется, вызывом библиотеки jquery.prettyPhoto.js и файла стилей к ней. К ссылке фотографию или видео добавляется атрибут отношения rel="prettyPhoto". Или rel="prettyPhoto[iframes]", соответственно.

Подробнее о том, как установить скрипт, демонстрации работы и другие прелести можно посмотреть на странице prettyPhoto. Поддержка там же, на форуме.

1. Используйте $(document).ready() или выполняйте ваши скрипты после закрытия body.

Обычно, работу JavaScript кода можно ускорить. Способов оптимизации много, но сегодня я скажу пару слов о вставке данных в объект DOM.

Во время работы с чужими скриптами часто приходится сталкиваться с кодом, в котором функции .append() .prepend() .after() и .wrap() данных выполняются в цикле. Это серьезно нагружает интерпретатор.

Если у вас еще нет Firebug, вам давно пора им обзавестись. Не говоря о многих полезных его функциях, например, отслеживание HTTP-трафика и поиска ошибок CSS проекта, с помощью консоли в Firebug можно отлаживать ваш JavaScript.