highslide - Highslide をサイズ変更不可にし、4 つの側面すべてから移動できるようにしますか?

Question

(この続き: http://highslide.com/forum/viewtopic.php?t=24327 )

Highslide をすべての端から移動可能にし、サイズ変更不可にしたいと考えています。

サイズ変更不可にすることはできましたが、すべての端から移動させることはできません。上からしか動かない。

どうすればこれを行うことができますか？（残念ながら現在は閉鎖されています）フォーラムに投稿されたコードを試しましたが、何もしませんでした。

ありがとうございました

Answer 1

カスタム ラッパーを作成し、クラス.highslide-moveをクラス.highslide-html-contentと一緒に追加できます。contentIdを使用してカスタム ラッパーをポップアップに関連付けます。このデモを参照してください: http://jsfiddle.net/WbDMs/ (以下の jsFiddle のコードを参照)
アウトライン グラフィック ファイルからポップアップを移動できないことに注意してください (デモでは黒いアウトラインを使用しています)。

ライブページをお持ちの場合は、それを見て不足しているものを確認できます。


jsFiddle からのコード
head セクション:

<script type='text/javascript' src="highslide/highslide-with-html.js"></script>
<link rel="stylesheet" type="text/css" href="highslide/highslide.css"/>

<script type='text/javascript'>
//<![CDATA[ 
hs.graphicsDir = 'highslide/graphics/';
hs.outlineType = 'rounded-black';
hs.wrapperClassName = 'draggable-header';
hs.showCredits = false;
//]]>  
</script> 

<style type='text/css'>
 /* adjust the wrapper's padding */
.highslide-html-content {
  padding: 0 10px 10px 10px;
}

/* for demo purposes only */
.highslide-body {
  background: yellow
}
</style>

本文セクション
( href の /roadrash/7AHX9/show/light/ を、iframe ポップアップで開きたいページに置き換えます):

<div>
  <a href="/roadrash/7AHX9/show/light/" onclick="return hs.htmlExpand(this, { objectType: 'iframe', contentId: 'highslide-html' } )">
    Content in iframe
  </a>
</div>

<div class="highslide-html-content highslide-move" id="highslide-html">
  <div class="highslide-header">
    <ul>
      <li class="highslide-close">
        <a href="javascript:;" onclick="return hs.close(this)" style="cursor: pointer;"></a>
      </li>
    </ul>
  </div>
  <div class="highslide-body"></div>
</div>