Javascript.RU

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

как сделать плавный переход для onmouseover
Есть скрипт
<img SRC="/images/Project1-4.png"
onmouseover="this.src='/images/Project1.png'";
onmouseout="this.src='/images/Project1-2.png'"
onclick=imgchange(this,"/images/Project1.png","/images/Project1-2.png")>
<script>
var x=false
function imgchange(obj,imgX,imgY) {
if (x){
obj.src=imgX
} else {
obj.src=imgY
}
x=!x
}
</script>

Нужно onmouseover и onmouseout сделать плавный переход. У onmouseover резкий переход, а хотелось бы плавненько).
Ответить с цитированием
  #2 (permalink)  
Старый 22.03.2014, 16:26
Аватар для ruslan_mart
Профессор
Отправить личное сообщение для ruslan_mart Посмотреть профиль Найти все сообщения от ruslan_mart
 
Регистрация: 30.04.2012
Сообщений: 2,928

Делайте нормально: объедините все нужные изображения в один спрайт и меняйте background-position с помощью hover в CSS.
Ответить с цитированием
  #3 (permalink)  
Старый 23.03.2014, 10:03
Интересующийся
Отправить личное сообщение для Demidoff Посмотреть профиль Найти все сообщения от Demidoff
 
Регистрация: 29.11.2013
Сообщений: 10

Да, конечно это первое решение, которое у меня было... но вот проблема... мне нужно еще 3-е изображение... Пробовал visited, но не могу понять... почему то этот тег у меня не работает... Так что пришлось пользовать js
Ответить с цитированием
  #4 (permalink)  
Старый 23.03.2014, 10:52
Аватар для ruslan_mart
Профессор
Отправить личное сообщение для ruslan_mart Посмотреть профиль Найти все сообщения от ruslan_mart
 
Регистрация: 30.04.2012
Сообщений: 2,928

Сообщение от Demidoff
visited
:active
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
как сделать ссылки из файла CSS корректными для всех директрорий сайта? GrEb (X)HTML/CSS 7 28.01.2020 11:56
Как сделать несколько полей подсказок для слайдера DaniBeiss Events/DOM/Window 1 23.06.2012 15:49
Как сделать как в JQ? faforty Общие вопросы Javascript 8 13.11.2011 23:35
Новая система управления сайтом Scripto CMS deepslam Ваши сайты и скрипты 38 31.01.2011 13:55
Как сделать функцию типа toDataUrl для рисунка в ie6 ? Олег Общие вопросы Javascript 2 13.09.2008 23:06