highslide - 在不弹出 Highlslide 的情况下调整父页面中的画廊大小

Question

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

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

我修改了：//页内项目的选项 var inPageOptions = { width: 200, height: 300 }

与/或

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

但什么都没有改变 （我也尝试用 Gimp 改变图片宽度）:(

我应该修改什么？

Answer 1

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

• 更改divwidth的gallery-area（您可能还想更改height）
• 更改widthin inPageOptions（您可能还想更改 height）
• 这是要做的重要事情：更改allowSizeReduction为 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'
 };