0

由于我的博客编辑器在包含带有图像的 javascript 方面存在限制，我正在尝试将我的 highslide 弹出窗口与我的 wordpress 页面的 onclick 处理程序分开。

我发现如果我在 onclick 处理程序中为它工作的页面上的任何图像包含 hs.expand，但如果没有至少一个图像在没有弹出覆盖的情况下呈现在顶角。

这是我的调用代码

<a class="highslide" title="View 'View from Karasawa Hut' on Flickr.com" href="http://www.flickr.com/photos/colinc/6092830822"  > 

<img  style="float: left;" 
onclick="return show_my_pic(this,'http://farm7.staticflickr.com/6208/6092830822_1fd2545d5b.jpg','View from Karasawa Hut')" 
id="img1" alt="View from Karasawa Hut" src="http://farm7.staticflickr.com/6208/6092830822_1fd2545d5b.jpg" 
width="500" height="333" border="0" />
</a>

这是显示功能

<script>
function show_my_pic (thePic,theSrc,theTitle) {
  return hs.expand(thePic, {src : theSrc} );
}
</script>

如果我包含另一个链接，例如

<a  title="View 'View from Karasawa Hut' on Flickr.com" 
href="http://farm7.staticflickr.com/6208/6092830822_1fd2545d5b.jpg" 
onclick="return hs.expand(this)">

test

</a>

在页面上第一个链接有效的地方，如果我不这样做，它不会。

真正奇怪的部分是，如果我删除第二个链接中的 onclick 处理程序，那么第一个链接将停止工作。

从逐步通过 highslide javascript 开始，Init 似乎确实在触发，并且正在创建坐标，它只是无法正确呈现。我在这方面花了很多时间都没有成功，并且会喜欢一些想法吗？

科林

4

1 回答 1

0

Highslider 将要求页面首先加载。此外，您必须向它传递一个完全加载的图像元素

function init(){
    var img = document.getElementById('img1');
    show_my_pic(img, 'http://farm7.staticflickr.com/6208/6092830822_1fd2545d5b.jpg','View from Karasawa Hut');
}

...

<body onload="init()">
于 2013-12-01T10:42:31.043 回答