1

「Highslide がまったくポップアップしない親ページのギャラリー」という名前の Highslide ギャラリーが大好きですが、すべての HS ギャラリーの中で最もカスタマイズが難しいものだと思います。

width のサイズを変更しようとしていますが、できません。

変更しました: // ページ内アイテムのオプション var inPageOptions = { width: 200, height: 300 }

AND / OR

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

しかし、何も変わっていません （Gimpで写真の幅も変更しようとしました）:(

何を変更すればよいですか？

4

1 に答える 1

0

画像をトリミングしたり画像のサイズを変更したりすることなく、ページ内ギャラリー (Highslide がポップアップしない親ページのギャラリー) の幅を変更できます。

  • widthdiv のを変更しgallery-areaます ( も変更したい場合がありますheight) 。
  • を変更しwidthますinPageOptions( も変更したい場合があります height) 。
  • そして、ここで行うべき重要なことは次のとおりですallowSizeReduction。 inPageOptionstruefalse

ライブデモ: 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'
 };
于 2013-07-10T05:29:44.133 に答える