Question

我与shadowbox有一个非常简单的链接：

的index.html：

<a href='test.html' rel='shadowbox;width=400;height:300'>Go to Test</a>

在我的test.html我有这个按钮，我想制作一个功能（我认为它应该是在javascript中）来调整阴影框的大小：

的test.html：

<input type="button" value="Resize this page" onClick="ResizeSB(600, 200)" />

<script>

   function ResizeSB(widthVal, heightVal) {

      // CODE TO RESIZE

   }

</script>

我该怎么做？

Answer 1

你不会把它放在一个rel属性中...... 正确的HTML标记是：

<a href='test.html' class='shadowbox' data-width='400' data-height:'300'>Go to Test</a>

在你的功能中，只需这样做：

function ResizeSB(widthVal, heightVal) {

 var link = document.getElementsByTagName('a')[0]; // or any other identifier
 link.style.width = widthVal;
 link.style.height = heightVal;
}

或者甚至更好，如果您将宽度和高度参数存储在一个类中，请说.shadowbox_modif类......

<a href='test.html' class='shadowbox'>Go to Test</a>

和JS

function ResizeSB(widthVal, heightVal) {

 var link = document.getElementsByTagName('a')[0]; // or any other identifier
 link.className += ' shadowbox_modif';
}

注意：将onclick处理程序放在Javascript中并不那么突兀，如下所示：

document.getElementsByTagName('input')[0].onclick = ResizeSB(400, 300);

注意2：以小写形式启动JS函数名称作为约定（大写字母为“类”函数保留）

如何从内部调整阴影框的大小

1 个答案: