У меня есть сотовый телефон img, он сломался, затем фиксируется, затем экран подтягивает блокнот (на сотовом телефоне). Я не совсем понимаю, как сделать наведение мыши на экране, и открыть блокнот на нем с помощью «Корзина», как это будет работать?Начните Gif на Mouseover, а затем Pause Gif в конце, и после этого появится информация?
ответ
Хорошо, ваш HTML выглядит следующим образом:
<img id="img1" src="image1.jpg" />
Он показывает телефон.
Ваш JS выглядит следующим образом:
var img = document.getElementById("img1");
img.addEventListener("mouseenter", function(event) {
//replace the imagesource with the second image
}, false);
https://developer.mozilla.org/en-US/docs/Web/Events/mouseover
https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener
Я делаю для этого .js? –
Конечно, вы делаете ?! Что еще? Wizardry? : P – OddDev
Я просто запутался lol idk, как это работает и «замените источник изображений», где источник изображений в этом js-коде? –
- 1. Играйте в Gif на Mouseover и Pause Gif на мышь без замены изображений?
- 2. преобразование gif изображения в пиксели, а затем обратно в gif
- 3. Запустите GIF On Hover и Pause В противном случае?
- 4. play/pause gif с событием мыши
- 5. Android создать gif с изображением и gif
- 6. Показать gif перед тем, как появится страница
- 7. Активировать .gif на mouseover в AngularJS с ng-repeat
- 8. Jquery после загрузки GIF
- 9. Поворот изображения GIF и сохранение анимации GIF
- 10. GIF-декодирование отправляет предупреждения о памяти, а затем убивает приложение
- 11. Разделить GIF на фреймы
- 12. Вызов предупреждения только после отображения gif
- 13. загрузки GIF в MVC
- 14. Можете ли вы присоединиться к GIF и/или анимированным GIF-файлам в один анимированный GIF?
- 15. Java: Наложение/наложение анимированного gif на другой анимированный gif
- 16. задержавшись GIF в JavaScript
- 17. запустить gif, затем скрыть предварительный загрузчик
- 18. GIF Скорость на компьютере?
- 19. Анимация gif на прокрутку.
- 20. Android gmail gif мерцает
- 21. Отображает анимацию для Photo GIF GIF?
- 22. использовать локальный файл gif на веб-странице, а не в Интернете gif
- 23. Конвертировать видео в GIF
- 24. Копирование цвета с одного изображения gif на новое изображение gif
- 25. Javascript - Prototype/Scriptaculous Pause на MouseOver
- 26. Замена MOTD на Gif
- 27. Загрузка GIF на контроль входа
- 28. Подключить GIF к TWTRComposer?
- 29. .gif изображение не воспроизводится после того, как иногда при переключении с .png на .gif
- 30. Mouseover to pause image slideshow
Вы должны положить немного больше усилий в вашем вопросе, я боюсь. Я не думаю, что кто-то там получает то, что вы просите :) – OddDev
Хорошо, вот gif [link] (http://sellyourbrokentech.com/169299.gif), как я могу получить этот цикл, я хочу, чтобы он только начинайте с мыши, и, оставляя на нем свою мышь, я хочу, чтобы она остановилась на пустой части, поэтому я могу добавить текст внутри нее, как если бы это была корзина с веб-сайтом, показывающая ваши товары. –
Я бы рекомендовал использовать 3 разных изображения вместо gif. Вы действительно этого не делаете. Гиф не должен использоваться в качестве элемента пользовательского интерфейса. – OddDev