jsasg/orico-official-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 3 Wiki Activity

产品详情页添加关联产品轮播；点击图册显示大图的问题，还有点击大图可以弹框观看

Browse Source
This commit is contained in:
杨丹华
2025-05-16 16:42:30 +08:00
parent d74469f719
commit 4fe451ce76
7 changed files with 177 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
public/static/index/js/large.js
View File

@@ -16,7 +16,7 @@ $(document).ready(function () {
"marginTop": -curIndex * interval + "px"
}, 600);
//获取当前指定的图片属性
var midImg = $("#imageMenu li").eq(curIndex).find('img').attr('src');
var midImg = $("#imageMenu li").eq(curIndex).find('img').attr('data-url');
//切换图片
$("#midimg").attr('src', midImg);
$(".enlarge-img").find("img").attr('src', midImg);
@@ -36,7 +36,7 @@ $(document).ready(function () {
"marginTop": -curIndex * interval + "px"
}, 600);
//获取当前指定的图片属性
var midImg = $("#imageMenu li").eq(curIndex).find('img').attr('src');
var midImg = $("#imageMenu li").eq(curIndex).find('img').attr('data-url');
//切换图片
$("#midimg").attr('src', midImg);
$(".enlarge-img").find("img").attr('src', midImg);
@@ -88,21 +88,21 @@ $(document).ready(function () {
var midChangeHandler = null;
$("#imageMenu li img").bind("click", function () {
if ($(this).attr("id") != "onlickImg") {
midChange($(this).attr("src"));
midChange($(this).attr("data-url"));
$("#imageMenu li").removeAttr("id");
//$(this).parent().attr("id", "onlickImg");
}
}).bind("mouseover", function () {
if ($(this).attr("id") != "onlickImg") {
window.clearTimeout(midChangeHandler);
midChange($(this).attr("src"));
midChange($(this).attr("data-url"));
// $(this).css({ "border": "1px solid #990000" });
}
}).bind("mouseout", function () {
if ($(this).attr("id") != "onlickImg") {
$(this).removeAttr("style");
midChangeHandler = window.setTimeout(function () {
midChange($("#onlickImg img").attr("src"));
midChange($("#onlickImg img").attr("data-url"));
}, 1000);
}
});