0

私はこのサイトがポイント システムで動作することを知っているので、私は開発を始めたばかりで、このサイトを初めて使用することを強調したいと思います。仲良くしてください!!!

私が達成しようとしているものの開発に少し問題があります。これはおそらく、主に HTML の問題だと思います。2 つのプラグインをダウンロードしました。1 つは画像ズーム機能で、もう 1 つはサムネイル付きの画像ギャラリーです。

私が直面している課題は、2 つの関数を統合することです。どちらの関数も、これら 2 つのスクリプトをマージする「クリーンな」方法を見つけることができないためです。これら 2 つのスクリプトをマージする方法を知っている人はいますか?

画像ズーム HTML

        <a class="zoom" href="css/product-gallery/item1.jpg"><img class="product-gallery" src="css/product-gallery/item1.jpg" alt="img1"></a>

サムネイル HTML 付きの画像ギャラリー

<a class="thumb" href="css/product-gallery/item1.jpg" title="Title #0"><img src="css/thumbnails/thumb2.jpg"/></a>

画像ズームコードはこちら

PS 「私が求めているのはライトボックス効果ではなく、eCom の画像ズーム機能です」

4

1 に答える 1

0

両方 (ライトボックス ズーム + ホバー ズーム) を使用してもあまり意味がありません。どちらかを選択して使用する必要があります。ライトボックスは非常に使いやすく、まさにあなたが望むことをしてくれるので、私はそれを使います. 簡単な例: -

<script type="text/javascript">
$(function() {
    $('#imageGallery a').lightBox();
});
</script>

<div id="imageGallery">
   <a href="image-you-want-to-zoom"><img src="thumbnail-image" /></a>
</div>

「ライトボックスのような」機能が求められていない場合は、次のようなものを試してください。

http://www.jacklmoore.com/zoom

そして、動作中の簡単なモックアップ コードについては、次のとおりです。

http://jsfiddle.net/jquerybyexample/cvjsN/

于 2012-04-18T13:42:37.320 に答える