Сравнение Lightbox2 и ShadowBox

Критерий Lightbox2 ShadowBox
Сравнение
Недочеты   НЕ работает в теге AREA тега MAP
Обрабатываемые типы ссылок

The rel type can be one of the following:

  • lightbox for image content
  • lightshow for image slideshows
  • lightvideo for video content
  • lightmodal for inline HTML content. Note this isn't for full web pages, just snippets of HTML content
  • lightframe for everything else, including external web pages.

Each rel type supports different types of content and features.

На все случаи жизни:

rel="shadowbox"

Размер всплывающего окна Задается по умолчанию и может быть изменен индивидуально для каждой ссылки только в пикселах. По умолчанию задается отступом от края окна браузера в пикселях. Индивидуально - размерами в пикселях.

 

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

Критерий Lightbox2 ShadowBox
Использование
Для изображений <a href="myimage.jpg" rel="lightbox"><img src="myimage-thumb.jpg"></a> <a href="myimage.jpg" rel="shadowbox"><img src="myimage-thumb.jpg"></a>
Basic <a href="http://www.google.com" rel="lightframe">Search google</a> <a href="myimage.jpg" rel="shadowbox">My Image</a>
With caption <a href="http://www.google.com" rel="lightframe[][my caption]">Search google</a> <a href="myimage.jpg" rel="shadowbox" title="My Image">My Image</a>
Grouped <a href="http://www.yahoo.com" rel="lightframe[search][Search Yahoo]">Search yahoo</a> <a href="pier.jpg" rel="shadowbox[Vacation]">The Pier</a>
Размеры <a href="http://www.google.com" rel="lightframe[|width:400px; height:300px; scrolling: auto;]">Search google</a> <a rel="shadowbox[Mixed];width=292;height=218" href="mymovie.mp4">movie</a>
Ссылка на описание http://drupal.org/node/252260 (to webpage links) http://www.shadowbox-js.com/usage.html

Проблемы

Установленные вместе на одном сайте, модули Lightbox2 и ShadowBox конфликтуют между собой.
В частности: если у ShadowBox отключена Автоматическая обработка изображений, а у Lightbox2 - включена, то не срабатывает ни тот ни другой модуль. Если для изображения в явном виде указать в теге <a> обработку модулем Lightbox2 ('rel="lightbox"'), то при щелчке по такой ссылке открываются друг под другом сразу 2 всплывающих окна: и Lightbox, и  ShadowBox.

Если сделать наоборот: включить Автоматическую обработку для ShadowBox и отключить для Lightbox2, то все нормально.

Рубрики: 

Ярлыки: