Показать сообщение отдельно
  #6 (permalink)  
Старый 28.04.2024, 01:25
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,590

StartGames,
Это:
onmouseover="document.getElementById('nsv_mv_id{{ product.product_id }}').src='{{ product.thumb2 }}'"
ты можешь заменить на:
onmouseover="this.src='{{ product.thumb2 }}'"
или вообще на:
onmouseover="src='{{ product.thumb2 }}'"

А анимация смены картинки никогда не существовала, слишком заморочено с технической точки зрения.

Можно по-быстрому изобразить что-то такое из двух картинок если у них одинаковые размеры, но придётся поверстать если случай не самый простой:
<body>
--
<img 
  width="100"
  height="100"
  class="img-responsive ani img-bottom" 
  src="https://javascript.ru/forum/images/ca_serenity/misc/logo.gif"
/><img 
  width="100"
  height="100"
  class="img-responsive ani img-top" 
  src="https://javascript.ru/forum/image.php?u=4993&dateline=1299014303"
/> 
--
<style>
.img-bottom {
  position:absolute;
  z-index: -1;
}
.img-top {
  opacity: 0;
  transition: 1s opacity;
}
.img-top:hover {
  opacity: 1;
}
</style>
</body>
__________________
29375, 35

Последний раз редактировалось Aetae, 28.04.2024 в 01:41.
Ответить с цитированием