我正在尝试在鼠标悬停时用另一个图像替换一个图像并使用淡入淡出。
我有 2 张图片 water_bag.jpg 和 water_bag-hover.jpg
我正在尝试用以下 javascript 替换翻转时的一个:
<script type="text/javascript">
$(document).ready( function() {
$('.my_img').parent().append($('.my_img').clone().attr('src','-hover.jpg').fadeIn('slow'))
});
</script>
我的 html 就是这样:
<a href="<?php echo tep_href_link(FILENAME_EVENTS); ?>"><img src="images/home_buttons/water_bag.jpg" alt="watch la vie en couleur" border="0" align="left" class="my_img" /></a>
我做错了什么？
最佳答案
您将 src 设置为“-hover.jpg”
您需要执行此操作才能将其设置为新图像:
$('.my_img').parent().append($('.my_img').clone().attr('src',$('.my_img').attr('src').replace('.jpg','-hover.jpg')).fadeIn('slow'))
关于jquery - 用翻转淡入淡出替换图像，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9421951/