花式框将鼠标悬停更改为鼠标单击以更改更大的图片

Question

我正在尝试建立一个包含 4 张小图片和一张大图片的图片库。就像今天一样，当我将鼠标悬停在较小的图片上时，较大的图片会发生变化，当我单击较小的图片时，我会得到一个大的浮动图片库。但是当我想将鼠标悬停功能更改为鼠标单击时。因此，当我鼠标单击小图片时，它会改变大图片而不是浮动图片。然后，我必须鼠标单击较大的图片才能获得浮动图像。有没有办法做到这一点？我试着想办法，但找不到吗？

/皮特

Answer 1

食谱。

你必须做三件事：

1）. 从<div id="thumbs_list">内的所有<a>标签中删除类thickbox...所以Fancybox不会推出。

2）. 编辑文件 http://demo-store.prestashop.com/themes/prestashop_new/js/product.js

查找第 424 行，其中显示

//hover 'other views' images management
  $('#views_block li a').hover(
     function(){displayImage($(this));},
     function(){}
  );

。并将其替换为

  $('#views_block li a').click(function(){
     displayImage($(this));
  });

3）. 如果适用，请接受此答案;)