JsImageBox — легкий аналог LightBox

[mecommayou]

Он ресайзит фотку километр x километр под видимую область браузера?

[mav]

нет

[mecommayou]

Зря. Пожертвования лучше собирать так:

<form method="get" action="wmk:payto">
<input type="hidden" value="Z108858085817" name="Purse"/>
<input type="submit" value="Пожертвовать"/>
<input type="text" size="4" value="20" name="Amount"/> WMZ<br/>
WebMoney на кошелек <b>Z108858085817</b>
<input type="hidden" value="Пожертвование для jsimagebox.ru" name="Desc"/>
<input type="hidden" value="Y" name="BringToFront"/>
</form>

<form method="post" action="https://money.yandex.ru/charity.xml">
<input type="hidden" value="4100178541478" name="to"/>
<input type="hidden" value="Денвер" name="CompanyName"/>
<input type="hidden" value="http://jsimagebox.ru" name="CompanyLink"/>
<input type="submit" value="Пожертвовать"/>
<input type="text" size="4" value="350" name="CompanySum" id="CompanySum"/> руб.<br/>
Яндекс.Деньгами на счёт <b>4100178541478</b>
</form>

* This source code was highlighted with Source Code Highlighter.

[TecHMeaT]

Как-то уж очень медленно происходит подгон окна под картинку

[beliyadm]

за одно только документирование кода заслуженный плюс! Редко когда так встретишь, особенно когда почти чайник в JS

[Alinaki]

У всех этих скриптов один минус, который перевешивает все — не ресайзят большие фотки или не дают просмотреть фотографию в полный размер. А простую показывалку можно практически на одном CSS сварганить.

[l_nagash]

ресайзить не сложно, можно и дописать, только смысл, размер то останется?
А хотите по хорошему — через аякс ресайзите файлы на сервере и показывайте уже их.

[s1im]

Смысл небольшой, но есть. Попадались сайты, где фотки также открывались lightbox-ом с разрешением картинки превышающим разрешение моего монитора. Мало удовольствия лицезреть лишь кусок большого изображения. Да и сам lightbox в таких ситуациях ведет себя не так, как ожидаешь. Скажем, может заглючить скролл окна браузера и до кнопки «close» не доберешься.

[simonoff]

Есть магическая клавиша Esc :)

[s1im]

Да, это конечно предусмотрено в большинстве подобных скриптов, но просто впечатление остается не самое хорошее. А вдруг я блондинка, которая не знает где какая кнопочка на клавиатуре, и вообще, пользуюсь клавиатурой чтобы написать свой логин/пароль в одноклассниках, а из клавиш знаю буковки, циферки, энтер и капслок :)

[s1im]

Да простят меня светловолосые девушки…

[simonoff]

специально для них на одноклассниках такой фишки нету :)

[Bonch]

Попробуйте Darkbox от Вадима Макеева — там это предусмотрено. Большая фотка там не вылезает за viewport.

[Bonch]

Вот линк: pepelsbey.net/pro/2009/02/darkbox-2/

[s1im]

Приятно, но можно еще добавить подгонку размеров фотки на событие ресайза окна браузера

[roller]

то есть LightBox уже не Light?…

[EKCTPEMICT]

Хорош скриптик. Буду использовать местами, но если на сайте уже используется jquery/mootools то логичнее использовать готовые решения, что будут гибче и не так жалко будет за использование 53кб упакованного фреймворка :)

[zar0ku1]

Opera 10 beta 1, при нажатии на картинку открывается новая вкладка с ней

[Vorchun]

Большое разнообразие с подбором по параметрам: planetozh.com/projects/lightbox-clones/

[Xenkok]

нет уж спасибо, я лучше LightBox

[kydapodatsya]

слишком долго открывается в FF 3.0.11 и как-то рывками…

[ashmind]

А почему GPL? Тот же Lightbox можно использовать в коммерческих проектах.

[mav]

Цель GNU GPL — предоставить пользователю права копировать, модифицировать и распространять (в том числе на коммерческой основе) программы (что по умолчанию запрещено законом об авторских правах), а также гарантировать, что и пользователи всех производных программ получат вышеперечисленные права.

никаких проблем при использовании этого скрипта в коммерческих проектах

[ashmind]

GPL фактически ставит весь остальной Javascript код сайта под GPL, что разраешает любому посетителю сайта использовать этот код в своих проектах. Конечно, любой человек и так может скачать этот код, но, по умолчанию, использовать для своих целей он его не может. Лично мне совершенно не жалко своего кода, однако в случае коммерческих rich web applications люди не склонны разрешать использование их кода в чужих проектах.

В (спорной) интерпретации авторов ExtJS, GPL в JS библиотеке во многих случаях применяется и к серверной части сайта.

[kost]

«Галерея» пишется с одной «л» (я про сайт jsimagebox.ru).

[mav]

Спасибо, поправили

[ipetropolsky]

В комментариях тоже )

[shifty]

Highslide JS is licensed under a Creative Commons Attribution-NonCommercial 2.5 License. This means you need the author's permission to use Highslide JS on commercial websites. (via highslide.com/) — если вы про это

[david_mz]

Он хорош, но (раз уж тут выше про GPL) лицензия не позволяет бесплатно использовать его на коммерческих сайтах.

[ferrari]

игрался не долго, не хватает: закрытия по esc и клику вне области кадра, а также чтоб при прокрутке картинка стояла посреди экрана, а не ездила за бегунком. Ну и резайз области кадра если экран маленький.
Вещи не сложные( отсилы на час дел), но достаточно важные.

[shifty]

fancy.klade.lv — почти тот же www.huddletogether.com/projects/lightbox2/, только на jQuery.

[linur4ik]

Есть же SlimBox — 6-7 кб весит, полная совместимость с lightbox :)

[milax]

Жаль что картинка не фиксируется, а прокручивается со скроллом.

[egorinsk]

У меня в Опере на вашем сайте ошибка:

Javascript — jsimagebox.ru/
Event thread: click
Error:
name: TypeError
message: Statement on line 233: Cannot convert undefined or null to Object
Backtrace:
Line 233 of linked script jsimagebox.ru/jsibox/jsibox_basic.js: In function jsiBoxOpen
jsiBox.progressImg.style.display = 'block'; // Показать индикатор загрузки
Line 1 of function script
return jsiBoxOpen(this)
…
stacktrace:… Line 1 of function script
return jsiBoxOpen(this)
…

[mav]

Спасибо за предложения и замечания, постараемся учесть в следующей версии.

[ipetropolsky]

Тынц.

[ibeatle]

спасибо за библиотеку

ещё предлагаю опционально добавить один блок со стилем

background-color: white;

left: 0px;

opacity: 0.3;

position: absolute;

top: 0px;

z-index: 100;

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

Либо как вариант, при клике на любой элемент за пределами картинки, скрывать lightBox

[ibeatle]

увидел, в фф уже такое есть…
а в опере 10й не работает( странно

[ipetropolsky]

Чтобы деньги потекли рекой, нужно:
1. Навешивать обработчики нажатий в jsiBoxInit(), а не в onclick.
2. Глобальные функции включить в объект jsiBox.
3. Разделить css и html в boxHTML.
4. Дать пользователю возможность прозрачно управлять внешним видом бокса (не только цветом и рамкой).
5. Убрать вычисление пути.
6. Учесть замечания предыдущих ораторов.