Фото галерея

[oscora]

Доброго времени суток коллеги!

Стоит задача сделать гламурный сайт для фотографа в стиле Wordpress, но только на своём движке.

Суть заключается в следующем, что позиционирование фотографий нужно сделать вот так:

http://pavelparshin.ru/portfolio-item/beauty/

Но без явы! Тупо, подобное позиционирование.

на деле у меня выходит не шибко-складно.

http://81.200.25.57/dot/templates/gallery (это опытный образец галереии)

CSS:

#gallery  {
    margin:0
}
#gallery .photo {
    width: 240px;
    min-height: 156px;
    max-height: 383px;	
    display: inline;
}
#gallery img{
    width:240px;
    vertical-align: top;
    margin:0 25px 25px 0;	
}

#gallery img.expand:hover {
    opacity: 0.5;
}

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

Если кто-то знает как это сделать, то буду очень признателен.

Edited September 20, 2012 by oscora

[sigma77]

Но без явы!

Я не знаю, как это написать на Java. Но подобное размещение пишется на javascript.

2-й вариант - позиционирование картинок вручную, либо в несколько колонок, тоже скорее всего вручную.

[oscora]

в ручную позиционировать не совсем подходит т.к сайт тянется.

[sigma77]

oscora,

без js только некроссбраузерно - http://www.w3.org/TR/css3-multicol/, http://htmlbook.ru/css/columns

[oscora]

ладно.

спасибо за помощь.

буду тогда разыскивать вариант JS ибо я лично в нём не силён пока... но сделать надо

[hypnocolor]

А чё его искать? Вариант есть по вашей же ссылке-примеру, Masonry называется.

[oscora]

Вынужден согласиться т.к подобное позиционирование было сделано одним производителем. http://masonry.desandro.com/

Я просто не хотел брать с того сайта код, т.к это не по отеческий как-то. Грубо говоря - "Сп**дил". Я так не работаю, но поскольку это продукт для широких масс, то теперь с гордостью могу взять его сайта производителя.

[oscora]

А чё его искать? Вариант есть по вашей же ссылке-примеру, Masonry называется.

теперь всё отлично.

опытный образец галереи

Edited September 23, 2012 by oscora