イメージをスワップしてイメージを表示する

Question

私はBigCommerceを使用して、製品ページにいくつかのサムネイルイメージを表示する機能を持つWebサイトを持っています。ユーザーがサムネイル画像をクリックすると、その画像の説明が表示されます。また、左側のメイン画像と選択したサムネイルの大きなバージョンを入れ替える必要があります。

説明のためにスクリプトがshow/hide部分を正しく実行していますが、メインイメージをスワップしていません。誰かがこれを解決するのに役立つかもしれないかと思いましたか？ BigCommerceに連絡しましたが、テンプレートに固有の問題だと言います。

Webインスペクタを調べると、キャッチされていないタイプのエラーがあり、relタグの 'largeimage'属性がないことがわかります。これを元に戻してみましたが、何の効果もありませんでした。

ありがとうございます。そう

<a onclick="showProductThumbImage(2)" href="#"><img ... /></a> 

2番目の引数は要素への参照でなければなりません...他の場所あなたがthisを渡している、：

Answer 1

例えば、次の2つの引数を受け取る関数showProductThumbImage()を持っていますが、一つだけを渡しています恐らくあなたはここで同じことをするべきです。この関数は、渡された要素の値がJSON文字列を含むrel属性を持つとみなします。

<a href="javascript:void(0);" 
    rel='{"gallery": "prodImage", "smallimage": "http://www.kriega.com/product_images/m/322/HY3home__49494_std.jpg", "largeimage": "http://www.kriega.com/product_images/h/328/HY3home__71324_zoom.jpg"}' 
><img ... /></a> 

あなたはshowProductThumbImage()を呼び出すハイパーリンクに変換され、上記のようにJSONを含むrel属性を取得し、2番目のパラメータとしてthisに合格する必要があります：正しく見えるrel属性を持つページに隠された要素があります

<a onclick="showProductThumbImage(2, this)" href="#" 
    rel='{"gallery": "prodImage", "smallimage": "http://www.kriega.com/product_images/m/322/HY3home__49494_std.jpg", "largeimage": "http://www.kriega.com/product_images/h/328/HY3home__71324_zoom.jpg"}' 
><img ... /></a>