Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 29.09.2012, 11:18
fab fab вне форума
Новичок на форуме
Отправить личное сообщение для fab Посмотреть профиль Найти все сообщения от fab
 
Регистрация: 27.03.2012
Сообщений: 3

Галерея. Высчитать позиция и размеры фото
Добрый день. Пытаюсь доделать этот код, чтоб изображения могли быть разного размера в галереи. Сейчас у них одинаковый размер 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, где изображения все разного размера и красиво выстроены, а при наведение они увеличиваются. Заранее спасибо.
Ответить с цитированием
  #2 (permalink)  
Старый 01.10.2012, 23:58
Аватар для Margarita
Аспирант
Отправить личное сообщение для Margarita Посмотреть профиль Найти все сообщения от Margarita
 
Регистрация: 14.09.2012
Сообщений: 83

http://jsfiddle.net/HAQt3/16/
Ответить с цитированием
  #3 (permalink)  
Старый 02.10.2012, 00:23
Аватар для trikadin
Модератор
Отправить личное сообщение для trikadin Посмотреть профиль Найти все сообщения от trikadin
 
Регистрация: 27.04.2010
Сообщений: 3,417

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

Как идея: можно сделать "стандартные" пропорции (лучше несколько разных, для горизонтальных и вертикальных фотографий), и ставить overflow: hidden элементам, содержащим фотографии. А потом уже аккуратненько состыковывать.
__________________
Читайте:
Ты любопытный) Всё-таки, ничему в этом мире не помешает хорошая доля юмора)
Как спросить, чтобы вам ответили
Часто Задаваемые Вопросы (FAQ)
Ответить с цитированием
  #4 (permalink)  
Старый 02.10.2012, 00:40
Интересующийся
Отправить личное сообщение для andrey1402 Посмотреть профиль Найти все сообщения от andrey1402
 
Регистрация: 01.10.2012
Сообщений: 17

jquery.montage.min.js
Все равно jquery используите. Последний ряд всегда странный, но лучше, чем мотать нервы))
http://tympanus.net/Development/Auto...ge/index2.html
Ответить с цитированием
  #5 (permalink)  
Старый 02.10.2012, 00:43
Аватар для trikadin
Модератор
Отправить личное сообщение для trikadin Посмотреть профиль Найти все сообщения от trikadin
 
Регистрация: 27.04.2010
Сообщений: 3,417

Сообщение от andrey1402
Последний ряд всегда странный, но лучше, чем мотать нервы))
Да, эта девушка на коне меня напрягает)
__________________
Читайте:
Ты любопытный) Всё-таки, ничему в этом мире не помешает хорошая доля юмора)
Как спросить, чтобы вам ответили
Часто Задаваемые Вопросы (FAQ)
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Фото галерея. Учусь делая. Pumych Общие вопросы Javascript 3 13.03.2011 00:06
Кто знает как называется эта фото галерея? Александр Иванов Библиотеки/Тулкиты/Фреймворки 4 01.09.2010 10:17
Многостраничная галерея на lightbox.js Как сделать? MASTER Общие вопросы Javascript 9 24.07.2009 14:38