ColorBox — настраиваемый лайтбокс плагин (аналог LightBox).
Преимущества над LightBox: плагин имеет настройки внешнего вида бокса и эффекта перехода между изображениями, имеется возможность создания слайд‑шоу и установки фиксированного размера окна.
Также ColorBox совместим c bb‑кодом LightBox + добавлен тег slideshow.
| Скачать107 (версия 1.4)
Одиночное изображение:
Галерея:
Слайд-шоу (время перехода 4сек.):
версия 1.1 (3/08/2009)
- Плагин обновлён до [spoiler=ColorBox 1.2.7/ColorBox 1.2.7]
[/spoiler]- Code cleanup and reduction, better organization and documentation in the full source.
- Added ability to use functions in place of static values for ColorBox's options (thanks Ken!).
- Added an option for straight HTML. Example: $.fn.colorbox({html:'Howdy', open:true})
- Added an event for the beginning of the closing process. This is in addition to the event that already existed for when ColorBox had completely closed. 'cbox_close' and 'cbox_closed' respectively.
- Fixed a minor bug in IE6 that would cause a brief content shift in the parent document when opening ColorBox.
- Fixed a minor bug in IE6 that would reveal select elements that had a hidden visibility after closing ColorBox.
- The 'esc' key is unbound now when ColorBox is not open, to avoid any potential conflicts.
- Used background sprites for examples 1 & 4. Put IE-only (non-sprite) background images in a separate folder.
- Example themes 1, 3, & 4 received slight visual tweaks.
* Optimized pngs for smaller file size. - Added slices, grid, and correct sizing to the Adobe Illustrator file, all theme files are now export ready!
версия 1.2 (7/08/2009)
- Плагин обновлён до [spoiler=ColorBox 1.2.8/ColorBox 1.2.8]
[/spoiler]- Fixed a bug with the overlay in IE6
- Fixed a bug where left & right keypress events might be prematurely unbound.
- Removed focus return on closing because of potential problems in IE.
- Поправлена ошибка с путями в 4 стиле
версия 1.3 (12/08/2009)
- Исправлена
версия 1.4 (11/10/2009)
- Плагин обновлён до [spoiler=ColorBox 1.3.1/ColorBox 1.3.1]
[/spoiler]- Removed the IE-only stylesheets and conditional comments for example styles 1 & 4. All CSS is handled by a single CSS file for all examples.
- Removed user-agent sniffing from the js and replaced it with feature detection. This will allow correct rendering for visitors masking their agent type.
- Added $.fn.colorbox.resize() method to allow ColorBox to resize it's height if it's contents change.
- Added 'scrollbars' option to allow users to turn off scrollbars when using the resize() method.
- Renamed the 'resize' option to be less ambiguous. It's now 'scalePhotos'.
- Renamed the 'cbox_close' event to be less ambiguous. It's now 'cbox_cleanup'. It is the first thing to happen in the close method while the 'cbox_closed' event is the last to happen.
- Fixed a bug with the slideshow mouseover graphics that appeared after ColorBox is opened a 2nd time.
- Fixed a bug where ClearType may not work in IE6&7 if using the fade transition.
- Minor code optimizations to increase compression.














Извини что офтоплю, не знал где спросить, решил тут :coolsmirk:
Подскажи пожалуйста как можно решить проблему...
При клике на миниатюре, появляется большая картинка, в принципе так и должно быть :-) но дело в том что она не центрируется по центру экрана, а прижимается ближе к правой стороне... В принципе нашел косяк но не знаю как решить - а все из за того что в основном css файле body {margin: 0 auto;}, если в css файле colorbox прописать body {margin: 0;} то тогда все пучком, но тогда сбивается основная верстка.
Заранее благодарю..
Тоже не знаю, где уже получить подсказку.
colorbox выводится по центру страницы относительно высоты страницы, а нужно сделать так, чтобы выводилась по центру текущего экрана.
Помогите разобраться...
В обоих случае нужно править CSS, сейчас у меня крайне мало свободного времени и разобраться в каждой отдельной ситуации нет возможности.
Попробуйте задать свои вопросы непосредственно на форуме MaxSite http://forum.max-3000.com/viewtopic.php?f=6&t=815
А можно вопрос не в тему)
Как ты сделал так, что при наведении на картинку она становится полупрозрачной? Это средствами CSS или javascript?