Jquery plugins 使用Javascript调整Etalage Jquery Zoom插件中的图像大小
我正在制作一个列出产品详细信息的网页。 产品详细信息包括可以使用Etalage Jquery缩放插件缩放的图像。 我能够根据产品的某些属性更改Etalage Jquery插件中显示的图像 我通过执行语句动态地更改图像Jquery plugins 使用Javascript调整Etalage Jquery Zoom插件中的图像大小,jquery-plugins,Jquery Plugins,我正在制作一个列出产品详细信息的网页。 产品详细信息包括可以使用Etalage Jquery缩放插件缩放的图像。 我能够根据产品的某些属性更改Etalage Jquery插件中显示的图像 我通过执行语句动态地更改图像 $('#etalage').etalage({ show_descriptions: false, small_thumbs: 0 }).show(); 问题是源图像失去了指定的高度和宽度。
$('#etalage').etalage({
show_descriptions: false,
small_thumbs: 0
}).show();
问题是源图像失去了指定的高度和宽度。
我想知道如何使用JavaScript为源图像指定高度和宽度
在Etalage插件中更改图像后
问候
Mathew通过观察分配给 当源图像的大小正确时,请执行以下参数 调用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();