2015-11-19 7 views
-2

Я ищу способ создания вращения изображения с помощью jquery. Я должен анимировать четыре изображения с переходом. Этот эффект должен работать по часовой стрелке.Image Rotation jquery

Теперь у меня есть ссылка: http://www.artega.de/

Как работают эти примеры?

PS: Извините за мой плохой английский

+1

Вы должны быть в состоянии найти достаточное количество учебников, объясняющие, как для того чтобы достигнуть этого путем поиска в Google. Это основное внимание в этом сайте - помочь людям с кодом, который они написали, а не писать код по требованию или объяснять вещи, которые можно легко найти в учебниках. Вы можете, например, использовать это для начала: http://jquery-howto.blogspot.de/2009/05/replacing-images-at-time-intervals.html После того, как вы попробовали и у вас возникли проблемы с конкретным кодом, вы мог бы попросить здесь. – Sirence

ответ

0

Вот скрипку пример для поворота изображения:

img { 
 
    display: block; 
 
margin: 20px; 
 
} 
 

 
img { 
 
-webkit-transition-duration: 1s; 
 
    -moz-transition-duration: 1s; 
 
    -o-transition-duration: 1s; 
 
    transition-duration: 1s; 
 
    -webkit-transition-property: -webkit-transform; 
 
    -moz-transition-property: -moz-transform; 
 
    -o-transition-property: -o-transform; 
 
    transition-property: transform; 
 
} 
 

 
img:hover { 
 
transform: rotate(45deg); 
 
-webkit-transform: rotate(45deg); 
 
-ms-transform: rotate(45deg); 
 
}
<img src="http://lorempixel.com/400/200/" alt="" />

 Смежные вопросы

  • Нет связанных вопросов^_^