在Cloud Zoom插件上點擊內置縮放圖像（jQuery）

我正在使用Cloud Zoom jQuery插件進行「內部縮放」功能(link to plugin page)。我想要這樣，當有人在圖像上方懸停時，他們可以點擊放大的圖像進入鏈接。有誰知道這是如何完成的？在Cloud Zoom插件上點擊內置縮放圖像（jQuery）

在此先感謝！

來源

2012-06-08 kevin

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-11 14:51:08 eyeink

這工作完美！非常感謝！ – kevin

在Cloud Zoom插件上點擊內置縮放圖像（jQuery）

回答

相關問題