shopp Sell Products というワードプレス プラグインを使用しています。shopp の 1 つの側面は、画像のレンダリングです。私は基本的に、同じ製品の 2 つの画像 (1 つのサムネイルと 1 つの大きな画像) を返すように shopp に指示しようとしています。これらの画像は両方とも、隣り合ってページに返されます。完全！
私がする必要があるのは、jquery を使用して大きな画像を非表示にし、サムネイルを大きな画像 (ライトボックス スタイル) へのリンクとして設定することです。以下の例を参照してください!!
純粋な HTML と css でこれを行うことができない理由は、画像が動的に生成され、shopp には「画像リンク」機能がないためです。繰り返しになりますが、これらの 2 つの画像を取得し、jquery を使用して (上の) 画像の下のマークアップを使用して、大きな画像を小さな画像のリンクとして設定する必要があります。
どうすればこれを達成できますか？