Разное

Вот написал галерейку небольшую. Для собственных нужд писал. Но потом подумал и решил заморочиться и сдать ее в свободное плавание (free, open-source). Посмотрите пожалуйста
Галерея

Вопросы:
- нормальное ли оформление для ознакомительной версии?
- удобно ли?
- может что-то улучшить?

Архив с собственно, галереей можете скачать.
Архив с галереей

Галерея написана на Perl без модулей. Требуется SSI и .htacess.

Пожалуйста, наводите конструктивную критику.

Спасибо.

что не нравиться - прыжки при загрузке фоток - может пропишите размыры у изображений?
и открытие в новом окне увеличенных.
и хотелосьбы иметь подписи при увеличении и навигацию вперед/назад

вот вам пример работы со слоями на js: http://www.huddletogether.com/projects/lightbox2/

Для того, чтобы прописать размеры у изображений, нужно их сначала узнать. А как это сделать без модуля Image::Magic я не знаю. А его я пользовать без нужды не хочу. К плюсам галереи отношу то, что она без модулей, поэтому пойдет даже на самом дохлом хостинге.

Если увеличенные открывать не в новом окне, а в диве (как по вашей ссылке), то есть два варианта: 1) их придется грузить сразу и все, тогда в превьюшках вообще смысл пропадает 2) их придется подгружать аяксом или как-то еще...

подписи при увеличенных будут добавлены, как и навигация "вперед-назад"
Планирую так же, добавить странички листания для галерей, а то сейчас все 100 фоток будут грузиться в 1 страницу.

Спасибо за пожелания и критику.

Галерею по вашей ссылке посмотрел. Порадовался. Но не очень нравится то, что медленно рабоатет. Красиво кончнечно, но все же медленно... И "next-prev" долго искал. В остальном, приятно...

Еще раз спасибо. Подождем еще ораторов:)

подождем,а пока я еще поболтаю :)

>>Для того, чтобы прописать размеры у изображений, нужно их сначала узнать

вариант: если там таблица, то ставиться <td height=200> а у картинки <img height="100%"> или даже обойтись только высотой ячейки (ну и ширину можно указать).

>>Если увеличенные открывать не в новом окне, а в диве

можно простым js - делается слой с картинкой <img src="" id="img">, при клике на превью обращаетесь к картинке и меняете ее scr.

кстати указанная галерея (я имею ввиду именно увеличение) распространияется свободно и настройка у нее очень простая. так что можете использовать. есть облегченная версия: http://www.huddletogether.com/projects/lightbox/

Сделал width для ячеек и для img.
Ушел делать JS чтоб открывалось в слое...

указанная галерея уже поставлена в закладки:) если что - учту. Но самому написать интереснее:) Кроме того, гордость:) "Зачем использовать чью-то, когда сами сусами" :) Но ее можно перебороть логически. Пока что мне моя нравится и устраивает. Которую прислали вы - тоже нравится, но ее преимущества не перевешивают мою гордость:)

зы. лайт версия тоже не оч быстро работает. А в опере вообще у меня отказалась показывать крупное изображение. Только кнопочки назад-вперед появлялись и все.:(

привередливый однако :)

я честноговоря тоже увеличение свое писал - это всем хороще, но рядом был форум с управлением на js и они дружить нехотели никак.

кстати лучше указывать именно высоту - когда прыгает горизонталь не так раздражает.

А почему не указать высоту и ширину?

Я свое увеличение уже почти написал. Тока надо подумать еще немного... скоро обновлю:)

да можно и оба параметра, но у ячейки. а у фото - только высоту.

Галерею по вашей ссылке посмотрел. Порадовался. Но не очень нравится то, что медленно рабоатет. Красиво кончнечно, но все же медленно... И "next-prev" долго искал. В остальном, приятно...
=============================
медленно??? :O да она быстрая как Вжик!
a "next-prev" не нашла :(

правая и левая часть фотки. как уже сказал - усе настраиваемо через html и css.

Посмотрите сейчас пожалуйста?

Кто подскажет косяки в JS?

var d=document; function bigpic(newsrc, title)    { var div = d.getElementById('bigpic'); var pic=new Image(); pic.src=newsrc; var bod=d.getElementById('body'); var x = d.getElementById('close'); var win_x=bod.clientWidth; var win_y=bod.scrollTop; var picw=pic.width; var pich=pic.height; var divc=div.innerHTML; var newtext='<span id=close onclick="closepic();" style="float: right;">[X]</span><div id=bigpic_tit>'+title+'</div><img src='+newsrc+' id=pic />'; div.innerHTML=newtext; div.style.width=picw; div.style.height=pich; if (x)    {x.style.width=picw;} div.style.left=(win_x/2-picw/2); div.style.top=(win_y+bod.clientHeight/2-pich/2); div.style.display='inline'; } function closepic()    { d.getElementById('bigpic').style.display='none'; }

Я, уже, видимо, мозг сломал... в Опере не открываются вообще картинки с подписями, а без подписей открываются. но не там, где надо. При повторном нажатии открываются уже там, где положено... Я уж не знаю че делать... Подсобите, а?

да, косяки надо убивать :)
направление верное. (кстати пропиши картинкам style='cursor:pointer' чтоб не сбивало отсутствие пальца)

На локалхосте все работает... думаю, проблема в том, что у мя на винде очистка подписей фоток оказывается успешной, а на юниксовом хостинге - нет. Т.е. у меня на компе получившийся код выглядит так:

<div onmouseup="bigpic('./foto/1/1b.jpg','');"> <img src="./foto/1/1.jpg" alt="" border="0px" /><br/> </div>

А на сервере так:

<div onmouseup="bigpic('./foto/1/1b.jpg',' ');"> <img src="./foto/1/1.jpg" alt="" border="0px" /><br/> </div>

От сюда вопрос: кто знает что делать?

Хм... вроде заработало, но есть одно но... напишу ка я в тему про html+CSS+JS....