Question

（继续：http://highslide.com/forum/viewtopic.php?t=24327）

我想让Highslide从所有边缘移动并且不可调整。

我能够使它不可调整但我不能让它从所有边缘移动。它只从顶部移动。

我怎么做到这一点？香港专业教育学院尝试过（可悲的是现已关闭）论坛中发布的代码，但没有。

谢谢

Answer 1

您可以创建自定义包装，并将类 .highslide-move 与 .highslide-html-content 类一起添加。使用contentId将自定义包装器绑定到弹出窗口。请参阅此演示：http://jsfiddle.net/WbDMs/（参见下面jsFiddle中的代码）
请注意，您无法从大纲图形文件中移动弹出窗口（我在演示中使用了黑色轮廓）。

如果你有一个实况页面，我可以看看它，看看你缺少什么。

来自jsFiddle的代码
在头部：

<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>

在正文部分中（替换/ roadrash / 7AHX9 / show / light /在href中，您要在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>

使Highslide不可调整并且可从四个侧面移动？

1 个答案: