1

製品の詳細を一覧表示する Web ページに取り組んでいます。製品の詳細には、Etalage Jquery Zoom プラグインを使用してズームできる画像が含まれています。製品の特定の属性に応じて、Etalage Jquery プラグインに表示される画像を変更できます。

ステートメントを実行して画像を動的に変更しています

$('#etalage').etalage({
                show_descriptions: false,
                small_thumbs: 0

            }).show();

問題は、ソース イメージが割り当てられた高さと幅を失うことです。Etalage プラグインで画像を変更した後、JavaScript を使用してソース画像に高さと幅を割り当てる方法を知りたいです。

よろしく

マシュー

4

1 に答える 1

2

ソース画像のサイズが正しいときに次のパラメータに割り当てられていた値を観察することで、この問題を解決しました。

show() メソッドの呼び出し中にこれらの値を割り当てると、問題が解決しました

$('#etalage').etalage({
                show_descriptions: false,
                small_thumbs: 0,
                source_image_width: 900,            // The source/zoomed image width (not the frame around it) (value in pixels)
                source_image_height: 1200,
                thumb_image_width:480,              // The large thumbnail width (excluding borders / padding) (value in pixels)
                thumb_image_height: 480,
                autoplay:false,
                zoom_area_width: 340,               // Width of the zoomed image frame (including borders, padding) (value in pixels)
                zoom_area_height:495,       // Height of the zoomed image frame (including borders, padding) (value in pixels / 'justify' = height of large thumb + small thumbs)
                zoom_area_distance: 20,

            }).show();
于 2013-01-30T05:21:21.793 に答える