Хабр Курсы для всех
РЕКЛАМА
Практикум, Хекслет, SkyPro, авторские курсы — собрали всех и попросили скидки. Осталось выбрать!
Хабр доступен 24/7 благодаря поддержке друзей
Комментарии 48
Он ресайзит фотку километр x километр под видимую область браузера?
нет
Зря. Пожертвования лучше собирать так:
<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.
Как-то уж очень медленно происходит подгон окна под картинку
за одно только документирование кода заслуженный плюс! Редко когда так встретишь, особенно когда почти чайник в JS
У всех этих скриптов один минус, который перевешивает все — не ресайзят большие фотки или не дают просмотреть фотографию в полный размер. А простую показывалку можно практически на одном CSS сварганить.
ресайзить не сложно, можно и дописать, только смысл, размер то останется?
А хотите по хорошему — через аякс ресайзите файлы на сервере и показывайте уже их.
А хотите по хорошему — через аякс ресайзите файлы на сервере и показывайте уже их.
Смысл небольшой, но есть. Попадались сайты, где фотки также открывались lightbox-ом с разрешением картинки превышающим разрешение моего монитора. Мало удовольствия лицезреть лишь кусок большого изображения. Да и сам lightbox в таких ситуациях ведет себя не так, как ожидаешь. Скажем, может заглючить скролл окна браузера и до кнопки «close» не доберешься.
Есть магическая клавиша Esc :)
Да, это конечно предусмотрено в большинстве подобных скриптов, но просто впечатление остается не самое хорошее. А вдруг я блондинка, которая не знает где какая кнопочка на клавиатуре, и вообще, пользуюсь клавиатурой чтобы написать свой логин/пароль в одноклассниках, а из клавиш знаю буковки, циферки, энтер и капслок :)
Попробуйте Darkbox от Вадима Макеева — там это предусмотрено. Большая фотка там не вылезает за viewport.
Вот линк: pepelsbey.net/pro/2009/02/darkbox-2/
то есть LightBox уже не Light?…
Хорош скриптик. Буду использовать местами, но если на сайте уже используется jquery/mootools то логичнее использовать готовые решения, что будут гибче и не так жалко будет за использование 53кб упакованного фреймворка :)
Opera 10 beta 1, при нажатии на картинку открывается новая вкладка с ней
Большое разнообразие с подбором по параметрам: planetozh.com/projects/lightbox-clones/
нет уж спасибо, я лучше LightBox
слишком долго открывается в FF 3.0.11 и как-то рывками…
А почему GPL? Тот же Lightbox можно использовать в коммерческих проектах.
Цель GNU GPL — предоставить пользователю права копировать, модифицировать и распространять (в том числе на коммерческой основе) программы (что по умолчанию запрещено законом об авторских правах), а также гарантировать, что и пользователи всех производных программ получат вышеперечисленные права.
никаких проблем при использовании этого скрипта в коммерческих проектах
GPL фактически ставит весь остальной Javascript код сайта под GPL, что разраешает любому посетителю сайта использовать этот код в своих проектах. Конечно, любой человек и так может скачать этот код, но, по умолчанию, использовать для своих целей он его не может. Лично мне совершенно не жалко своего кода, однако в случае коммерческих rich web applications люди не склонны разрешать использование их кода в чужих проектах.
В (спорной) интерпретации авторов ExtJS, GPL в JS библиотеке во многих случаях применяется и к серверной части сайта.
В (спорной) интерпретации авторов ExtJS, GPL в JS библиотеке во многих случаях применяется и к серверной части сайта.
«Галерея» пишется с одной «л» (я про сайт jsimagebox.ru).
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/) — если вы про это
Он хорош, но (раз уж тут выше про GPL) лицензия не позволяет бесплатно использовать его на коммерческих сайтах.
игрался не долго, не хватает: закрытия по esc и клику вне области кадра, а также чтоб при прокрутке картинка стояла посреди экрана, а не ездила за бегунком. Ну и резайз области кадра если экран маленький.
Вещи не сложные( отсилы на час дел), но достаточно важные.
Вещи не сложные( отсилы на час дел), но достаточно важные.
fancy.klade.lv — почти тот же www.huddletogether.com/projects/lightbox2/, только на jQuery.
Есть же SlimBox — 6-7 кб весит, полная совместимость с lightbox :)
Жаль что картинка не фиксируется, а прокручивается со скроллом.
У меня в Опере на вашем сайте ошибка:
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)
…
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)
…
Спасибо за предложения и замечания, постараемся учесть в следующей версии.
Тынц.
спасибо за библиотеку
ещё предлагаю опционально добавить один блок со стилем
background-color: white;
left: 0px;
opacity: 0.3;
position: absolute;
top: 0px;
z-index: 100;
к body, для того, чтобы во время показа картинок нельзя было нажать на ссылку или кнопку на странице.
Либо как вариант, при клике на любой элемент за пределами картинки, скрывать lightBox
ещё предлагаю опционально добавить один блок со стилем
background-color: white;
left: 0px;
opacity: 0.3;
position: absolute;
top: 0px;
z-index: 100;
к body, для того, чтобы во время показа картинок нельзя было нажать на ссылку или кнопку на странице.
Либо как вариант, при клике на любой элемент за пределами картинки, скрывать lightBox
Чтобы деньги потекли рекой, нужно:
1. Навешивать обработчики нажатий в jsiBoxInit(), а не в onclick.
2. Глобальные функции включить в объект jsiBox.
3. Разделить css и html в boxHTML.
4. Дать пользователю возможность прозрачно управлять внешним видом бокса (не только цветом и рамкой).
5. Убрать вычисление пути.
6. Учесть замечания предыдущих ораторов.
1. Навешивать обработчики нажатий в jsiBoxInit(), а не в onclick.
2. Глобальные функции включить в объект jsiBox.
3. Разделить css и html в boxHTML.
4. Дать пользователю возможность прозрачно управлять внешним видом бокса (не только цветом и рамкой).
5. Убрать вычисление пути.
6. Учесть замечания предыдущих ораторов.
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
JsImageBox — легкий аналог LightBox