Форум успешных вебмастеров - GoFuckBiz.com

  Форум успешных вебмастеров - GoFuckBiz.com > Бизнес-решения > Скрипты, программы и технические решения
Дата
USD/RUB58.7570
BTC/USD0.0000
Скрипты, программы и технические решения Обсуждаем скрипты, программы и новые технологии.

Закрытая тема
Опции темы Опции просмотра
Старый 22.08.2014, 15:59   #1
smsupport
Bitcoin сектант
 
Аватар для smsupport
 
Регистрация: 12.07.2009
Сообщений: 951
Бабло: $252685
Question [jquery] Как реализовать выпадающий слайд с картинкой?

Стоит задача отображать ровно 275х240 пикселей картинки, а при наведении на нее раскрывать ее реальную высоту, при этом блок с названием и прочими няшками уезжает вместе с картинкой вниз. Пример того, что надо показал на картинке, красная стрелка показывает раскрывание. Раскрывать нужно слайдом.
Изображения
Тип файла: jpg effect-site.jpg (16.4 Кб, 21 просмотров)
__________________
Конвертирую РУ траф в реальные деньги тут
smsupport вне форума  
Старый 22.08.2014, 17:11   #2
fromYukki
Full Stack Web Developer
 
Регистрация: 15.08.2014
Адрес: Vietnam
Сообщений: 28
Бабло: $5980
По умолчанию

http://api.jquery.com/animate/

$( "твои элементы" ).hover(
function() {
// Здесь код когда навели мышку
}, function() {
// Здесь код когда убрали мышку
}
);

Примерный код анимации

$( this ).animate({
height: "100%"
}, 1000);

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

100500 примеров в сети

http://www.backslash.gr/demos/conten...jquery-plugin/
http://tympanus.net/Tutorials/HoverSlideEffect/
http://jsfiddle.net/j08691/rfUWg/
http://blog.neweb.co/40-top-free-jqu...ect-tutorials/
fromYukki вне форума  
Старый 22.08.2014, 23:14   #3
smsupport
Bitcoin сектант
 
Аватар для smsupport
 
Регистрация: 12.07.2009
Сообщений: 951
Бабло: $252685
ТС -->
автор темы ТС По умолчанию

fromYukki, не подходят варианты. в сети я смотрел, прежде чем задавать вопрос.
__________________
Конвертирую РУ траф в реальные деньги тут
smsupport вне форума  
Старый 23.08.2014, 01:03   #4
vkusnoserver
это Энди
 
Аватар для vkusnoserver
 
Регистрация: 07.05.2011
Сообщений: 543
Бабло: $64730
Отправить сообщение для vkusnoserver с помощью Skype™
По умолчанию

jquery pinterest grid layout

http://www.jsonenglish.com/projects/flex/

js библиотек в избытке, популярные для верстки гридами - mason.js и isotope.

Masonry slide down
isotope slide down

кодеру здесь 5 минут времени

p.s. мне лично больше нравится такое решение в стиле гуглокартинок: http://tympanus.net/Tutorials/Thumbn...andingPreview/
__________________
Хорошо делай, хорошо будет.
vkusnoserver вне форума