0

I am using the Cloud Zoom jQuery plugin for the 'inner zoom' function (link to plugin page). I want it so that when someone is hovering over an image, they can click on the zoomed-in image to go to a link. Does anyone know how this is accomplished?

Thanks in advance!

4

1 回答 1

0

Cloud-Zoom 在使用 cloud-zoom 的每个图像上生成一个名为“wrap”的 div。我们可以使用 jQuery 向#wrap div 添加“点击”功能。在此示例中，我们将创建一个名为“myurl”的自定义属性，您将在其中指定图像链接到的位置。

在您的<head>标签中：

<script>
jQuery(window).load( function() {
    jQuery('div#wrap').click(function(){ window.location=$(this).find("a").attr("myurl");
     return false; });
});
</script>

然后，您将添加myurl="http://www.website.com"到<a>每个云缩放图像中。您的 html 应如下所示：

<a href='main.jpg' myurl="http://www.bungy.com/" class='cloud-zoom'
    rel="position: 'inside', adjustX: 0, adjustY: 0, showTitle: false">
    <img src="thumb.jpg" style="opacity: 1;"/>
</a>

让我知道这对你有什么影响。

于 2012-06-11T14:51:08.703 回答