我在 OpenCart 2.0 中有默认主题,当我悬停产品时,我希望显示次图像(如果该产品上有次图像)而不是第一个。然后再回来。
这可能吗?
编辑:我想要的代码不是如何使效果发生。我想知道当我用 PHP 调用另一个图像时代码的样子。
我在 OpenCart 2.0 中有默认主题,当我悬停产品时,我希望显示次图像(如果该产品上有次图像)而不是第一个。然后再回来。
这可能吗?
编辑:我想要的代码不是如何使效果发生。我想知道当我用 PHP 调用另一个图像时代码的样子。
一种不太优雅的方法是使用 jQuery 更改图像源。index+1 在那里基本上可以跟踪图像。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
jQuery('#yourselectorhere img').each(function(index){
jQuery(this).hover(function() {
jQuery(this).attr('src', '/THE_LOCATION_OF_THE_IMAGE/'+ (index + 1) + '.png');
}, function() {
jQuery(this).attr('src', '/THE_LOCATION_OF_THE_IMAGE/'+ (index + 1) + '_NEW_IMAGE_SUFFIX' + '.png');
});
});