在没有Highlslide弹出的情况下调整父页面中的图库大小

Question

我真的很喜欢名为“没有Highslide弹出的父页面中的画廊”的Highslide画廊，但我发现它是所有HS画廊中最难定制的画廊。

我正在尝试调整其宽度，但我无法做到。

我修改了：     //页内项目的选项     var inPageOptions = {     宽度：200，     身高：300     }

AND / OR

<div id="gallery-area" style="width: 220px; height: 320px; margin: 0 auto; border: 1px solid silver">

但没有任何改变（我也试图用Gimp改变图片宽度）:(

我应该修改什么？

Answer 1

您可以更改页内图库的宽度（父页面中的图库，不会弹出Highslide），而无需裁剪图像/更改图像的大小。

• 更改width div的gallery-area（您可能还想更改 height）
• 更改width中的inPageOptions（您可能还想更改。{1}} height）
• 这是重要的事情：改变allowSizeReduction in inPageOptions改为true而不是false

现场演示：http://jsfiddle.net/yf9X3/

<div id="gallery-area" style="width: 320px; height: 480px; margin: 0 auto; border: 1px solid silver">

 // Options for the in-page items
 var inPageOptions = {
     //slideshowGroup: 'group1',
     outlineType: null,
     allowSizeReduction: true,
     wrapperClassName: 'in-page controls-in-heading',
     thumbnailId: 'gallery-area',
     useBox: true,
     width: 300,
     height: 400,
     targetX: 'gallery-area 10px',
     targetY: 'gallery-area 10px',
     captionEval: 'this.a.title',
     numberPosition: 'caption'
 };