ProtoBox: LightBox 2 reloaded :-)
Новая версия известного LightBox 2 с большими возможностями
Я думаю, что многие видели LightBox 2 в действии. Но вот парадокс: заказчикам/пользователям он нравится (ох уж эти дешевые эффекты ), а вот многие программисты терпеть его не могут. Мне пришлось несколько раз столкнуться с LightBox (просто интегрировать его в приложение, написанное индусами). Но один раз мне понадобилось модифицировать кое-какое поведение скрипта, и я залез [...]
← Вернуться к полной версии записи «ProtoBox: LightBox 2 reloaded :-)»…
Автор: Vladimir; опубликовано в: JavaScript; метки: JavaScript, LightBox, LightBox 2, ProtoBox, Prototype10
Мар
2008
Мар
2008
Комментарии к статье «ProtoBox: LightBox 2 reloaded :-)» (45) »
Пожалуйста, не используйте эту форму для комментирования! Данная форма предназначена исключительно для ботов.
Оставить комментарий к записи «ProtoBox: LightBox 2 reloaded :-)»
गते गते पारगते पारसंगते बोधि स्वाहा
Меня зовут Владимир, я программист-фрилансер, специализирующийся на Web-программировании и програмировании под Linux.
По совместительству занимаюсь администрированием LAMP/LNMP-серверов и техническим переводом.
Владимир, прошу помощи.
Использую у себя в блоге на wordpress плагин lightbox 2. Перерыл весь интернет, но не могу найти решения для моей проблемы.
Мне очень нужна возможность скачивания картинки. Когда открывается картинка, хотелось бы иметь кнопочку “скачать” по аналогу “закрыть”. Это возможно?
Заранее благодарю
Только JavaScript’ом — вряд ли. Для скачивания необходимо, чтобы сервер прислал заголовок Content-Disposition, что сервер по умолчанию делать не будет.
Вопрос по поводу плагина – не работает на некоторых шаблонах WP… От чего это может происходить? Можете подсказать?
Дайте, пожалуйста, ссылку на страницу, где плагин не работает.
Здравствуйте Владимир я типа начинающий lol вообщем
вот не давно столкнулся с мыслью что надо бы делать портфолио себе, не много изучил Dreamweaver, все вроде хорошо но тут столкнулся с проблемой, – поскольку я занимаюсь графическим дизайном, мне нужно куда то помещать изображения, – я решил помещать их в swf но оказалась проблема, я не знаю языка, который не обходим (так мне в блоке на сайте одном сказали я вообще ни какого языка не знаю:)по мне это хорошо в дреаме вроде не плохо ориентируюсь – но пару раз слышал что программы вот эти вот которые сами все делают -туфта 
. Во общем копался, копался и случайно столкнулся с Lightbox меня привлекло, изображения в хорошем качестве открываются прямо нажав на них да так эффектно есть правда один не достаток *и можно скопировать 
* хотя я подозреваю что наверни ка есть защита:)
У меня вопрос как или что нужно сделать чтобы был готовый LightBox типа просто вставь коринку:) через что можно сделать LightBox? и как его вставлять в дреам?.
Заранее благодарю.
Абсолютно ничего не понял.
Доброго времени суток!
Владимир подскажите пожалуйста как сделать фотогаллерею,
фотографии которой будут увеличиваться при наведении на них курсора.
как сделать чтоб фотографии увеличивались плавно или с каким-то красивым эффектом ??
Например,
setTimeout(function() {
if (img.dir==dir) {
img.style.width=width;
img.style.height=height;
img.style.margin=margin;
img.style.zIndex=zIndex;
img.parentNode.parentNode.style.zIndex=zIndex;
}
}, delay);
}
function larger(img, width, height) {
img.dir='rtl';
now=parseInt(img.style.zIndex);
for (i=now+1; i<=10; i++) {
w=(width*(10+i))/20+'px';
h=(height*(10+i))/20+'px';
m=(-i)+'px 0 0 '+(-width*i/40)+'px';
setZoom(img, 'rtl', w, h, m, i, 20*(i-now));
}
}
function smaller(img, width, height) {
img.dir='ltr';
now=parseInt(img.style.zIndex);
for (i=now-1; i>=0; i--) {
w=(width*(10+i))/20+'px';
h=(height*(10+i))/20+'px';
m=(-i)+'px 0 0 '+(-width*i/40)+'px';
setZoom(img, 'ltr', w, h, m, i, 20*(now-i));
}
}
Копипаста с browsershots.org.
Спасибо!! помогло !!
Владимир, день добрый!
Прикрутил к сайту protobox, при просмотре в IE версий 6-8 (другие не проверял) в окне protobox снизу рамка с надписью close и крестиком срезана с боков пикселей на 10-20. Вторая проблема это то, что если просматривать фотографии не прокручивая страницу вниз, то черное поле за protobox’ом закрывает полностью экран, а если пролистать страницу вниз и вызвать protobox с нижних фотографий – черное поле срезается и закрывает только часть экрана сверху.
Что посоветуете? Заранее спасибо!
Максим, где смотреть?
ммм, сорри, я думал из инфы комментария понятно будет. Извиняюсь.
http://www.sunnypanthers.com
Владимир, не дождался вашего совета, прикрутил к сайту стандартный лайтбокс, он медленнее, неудобнее, единственное что работает во всех браузерах правильно.
Меня в стране не было — приходилось уезжать из-за дурацкого 90-дневного срока, а потом возвращаться
Если вкратце: проблемы у Вас остались. В IE6 PrettyPhoto отображается крайне хреново (и кнопки не те). Проблема с оверлеем была в CSS. По поводу надписи Close — эта проблема давно исправлена, я просто не помню, что именно я исправлял (так как у Вас каким-то чудом оказалась старая версия кода, в которой еще есть функция
getPageSize()). Если интересно, скачайте рабочий архив. У меня он работает во всех браузерах (при условии, что CSS сайта не конфликтует с CSS ProtoBox).Обновил ProtoBox, новая версия здесь (или по ссылке в статье).
Спасибо, Владимир! Буду пробовать обновленный вариант
Здравствуйте, пробовал добавить плагин protobox (скопировал в папку плагины в вордпрес) однако вордпрес (2.8.3) его не видит, вордпрес
всё ок, это руки
А это не плагин
Это просто JavaScript.
Здравствуйте.
Пару постов назад видел, что народ интересуется как можно встроить скачивание картинок в LightBox2. Можете подсказать как реализовать можно?
Илья, исключительно средствами JavaScript проблему решить нельзя: картинка находится на сервере, а JavaScript выполняется на стороне клиента (максимум, что можно сделать — это
location.href = 'url картинки';).Если же нужно именно скачивание, то придётся делать запрос к серверу, а сервер уже должен отдать картинку.
Приветствую, Владимир!
С Наступившим!
Не мог бы помочь разобраться?
Пробовал вставить ProtoBox на сайт, но не смог.
Похоже, что какой-то из скриптов не срабатывает и изображение не отображается – display:none.
(с лайтбоксом ситуация аналогичная)
Вероятно, конфликт стилей или ошибка в DOM, но моих навыков не хватает для выявления причины
Например http://orienteering.nsk.ru/example.html со встроенным стилем сайта работает, но в Опере работает некорректно.
А на сайте уже не работает
http://orienteering.nsk.ru/test.php
Попробуйте эту версию: http://blog.sjinks.pro/protobox.zip
Будет в Опере работать?
Спасибо.
В Опере заработало.
Почистил от стилей и разных скриптов-счетчиков – на сайте заработало тоже.
Попробую самостоятельно локализовать проблему.
http://orienteering.nsk.ru/test2.php
Нашел причину – в шапке была заплатка против скриптовых вирусов дырявого хостинга:
{
virstring="";
}
function unescape(virstring)
{
virstring="";
}