Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Галерея. Высчитать позиция и размеры фото (https://javascript.ru/forum/misc/32005-galereya-vyschitat-poziciya-i-razmery-foto.html)

fab 29.09.2012 11:18

Галерея. Высчитать позиция и размеры фото
 
Добрый день. Пытаюсь доделать этот код, чтоб изображения могли быть разного размера в галереи. Сейчас у них одинаковый размер 150px, который задается в img. Думал сделать так
var w = $(this).width();
var h = $(this).height();
var pos = $(this).position();

и в сам процесс анимирования добавить
$(this).animate({
    height: h + '+150px',
    width: w + '+150px',
    left: pos + '-=35',
    top: pos + '-=35'
}

Но это не работает. Как это сделать правильно?
Демо: http://jsfiddle.net/HAQt3/1/
В итоге я хочу получить что-то типа такого http://i.pixs.ru/storage/7/9/3/220px...03_5895793.png, где изображения все разного размера и красиво выстроены, а при наведение они увеличиваются. Заранее спасибо.

Margarita 01.10.2012 23:58

http://jsfiddle.net/HAQt3/16/

trikadin 02.10.2012 00:23

Margarita, как-то они неровно получаются)

Как идея: можно сделать "стандартные" пропорции (лучше несколько разных, для горизонтальных и вертикальных фотографий), и ставить overflow: hidden элементам, содержащим фотографии. А потом уже аккуратненько состыковывать.

andrey1402 02.10.2012 00:40

jquery.montage.min.js
Все равно jquery используите. Последний ряд всегда странный, но лучше, чем мотать нервы))
http://tympanus.net/Development/Auto...ge/index2.html

trikadin 02.10.2012 00:43

Цитата:

Сообщение от andrey1402
Последний ряд всегда странный, но лучше, чем мотать нервы))

Да, эта девушка на коне меня напрягает)


Часовой пояс GMT +3, время: 02:48.