0

「内部ズーム」機能（プラグインページへのリンク）にCloudZoomjQueryプラグインを使用しています。誰かが画像にカーソルを合わせたときに、ズームインした画像をクリックしてリンクに移動できるようにしたいと思います。誰かがこれがどのように達成されるか知っていますか？

前もって感謝します！

4

1 に答える 1

0

Cloud-Zoomは、cloud-zoomを使用している各画像に「wrap」と呼ばれるdivを生成します。jQueryを使用して#wrapdivに「クリック」機能を追加できます。この例では、画像のリンク先を指定する「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 に答える