Javascript 模式窗口代码重新配置为在页面加载时加载而不是在单击时加载。帮助 ：）

Question

我有一个 js 模式窗口，它在我网站的页面中通过 onclick 函数打开：

<a class="highslide" onclick="return hs.expand(this, { slideshowGroup: 'groupC0', wrapperClassName: 'wide-border', outlineType : 'rounded-white', dimmingOpacity: 0.8, align : 'center', transitions : ['expand', 'crossfade'], fadeInOut: true });" href="/images/phocagallery/thumbs/phoca_thumb_l_jen raymond_067 copy.jpg" title="jen raymond_067 copy">
<img alt="jen raymond_067 copy" src="/images/phocagallery/thumbs/phoca_thumb_m_jen raymond_067 copy.jpg">
</a>

我需要在页面加载时触发此窗口（不是 onclick，如上所述）。我一直在玩这个js，

<script type="text/javascript">
$(document).ready(function() {
window.location.href = "/images/phocagallery/thumbs/phoca_thumb_l_jen raymond_067 copy.jpg";
});
</script>

但当然它只加载图像（href） - 你能帮助将类、标题和onclick属性包含到这个js函数中 - 或者有更好的方法吗？

请让我看到光:)

Answer 1

您可以尝试以下操作（请记住，我不知道这个函数的作用）：

 $(document).ready(function(){

    hs.expand($('.highslide'), { 
         slideshowGroup: 'groupC0', 
         wrapperClassName: 'wide-border', 
         outlineType : 'rounded-white', 
         dimmingOpacity: 0.8, 
         align : 'center', 
         transitions : ['expand', 'crossfade'], fadeInOut: true });
    });

这是我在不查找 hs(highlide?) api 的情况下能想到的最好的方法。

Answer 2

试试这个：

$(function() {
    var yourAElement = $('.highslide')[0];
    hs.expand(yourAElement, { slideshowGroup: 'groupC0', wrapperClassName: 'wide-border', outlineType : 'rounded-white', dimmingOpacity: 0.8, align : 'center', transitions : ['expand', 'crossfade'], fadeInOut: true });
});

Answer 3

感谢上面的解决方案，也许我只是不了解JS，但我看不到我的使用方式，但是我确实使用这种方法得到了我想要的：

1）向锚标记添加ID

<a id="autoClick" class="highslide" onClick="return hs.expand(this, { slideshowGroup: 'groupC0', wrapperClassName: 'wide-border', outlineType : 'rounded-white', dimmingOpacity: 0.8, align : 'center', transitions : ['expand', 'crossfade'], fadeInOut: true });" href="/images/phocagallery/thumbs/phoca_thumb_l_jen raymond_067 copy.jpg" title="jen raymond_067 copy">
    <img alt="jen raymond_067 copy" src="/images/phocagallery/thumbs/phoca_thumb_m_jen raymond_067 copy.jpg">
</a>

2）加载JQuery 如果尚不存在

3) 添加此函数

$(document).ready(function() {
    $('#autoClick').click();
});