Показать сообщение отдельно
  #1 (permalink)  
Старый 27.08.2014, 20:32
Аспирант
Отправить личное сообщение для failure Посмотреть профиль Найти все сообщения от failure
 
Регистрация: 21.07.2013
Сообщений: 40

Перевернуть блок при наведении.
Приветствую.

Помогите разобраться, есть div внутри которого картинка. При наведении блок должен перевернуться (как карта) и на тыльной стороне должен появиться другой контент, например, другая картинка.

Пример такого функционала есть тут http://www.orangelabel.ru/?yclid=5771830622828710688 (чуть ниже прокрутить, там будут 7 плиточек которые переворачиваются).

Чтобы перевернуть блок таким образом использую плагин rotate3Di, описание плагина здесь .

Блок переворачивается, но как реализовать, чтобы на тыльной стороне был другой контент ?

То что есть сейчас:
html:
Код:
<div class='imgcontainer'></div>
css:
Код:
.imgcontainer { background: url(1.jpg); }
js:
$('.imgcontainer').hover(function(){
  	$(this).rotate3Di(180,'slow');
  }, function() {

  });
Ответить с цитированием