Javascript模式窗口代码重新配置为在页面加载时加载,而不是onclick。帮助:)

Javascript模式窗口代码重新配置为在页面加载时加载,而不是onclick。帮助:),javascript,window,modal-dialog,pageload,Javascript,Window,Modal Dialog,Pageload,我有一个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', '

我有一个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>

$(文档).ready(函数(){
window.location.href=“/images/phocagallery/thumbs/phoca\u thumb\u l\u jen raymond\u 067 copy.jpg”;
});
当然,它只加载图像(href)——您能帮助将class、title和onclick属性包含到这个js函数中吗——或者有更好的方法吗

请给我指示灯:)

您可以尝试以下操作(请记住,我不知道此函数的作用):

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

试试以下方法:

$(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 });
});

感谢上面的解决方案,也许我对JS不太了解,但我看不到我使用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>

太棒了,问你,这是如何与“window.location.href”集成的?如果我将其添加到函数中,或者用作它自己的函数,它似乎不起作用。谢谢,不确定如何使用“window.location.href…”实现这一点,如果我将其添加到函数中,它似乎不起作用,或者作为自己的函数使用。window.location.href将导航到一个全新的页面,这样您将丢失当前页面。所以除非你想这么做,否则你必须用你的方法,当然,愚蠢的我。因此,我需要的是一个onload函数或其他东西,而不是onclick(这样,带有图像的模式窗口会自动加载)-window.location.href永远不会用于模式窗口。Doahthe$(函数(){});与$(document.ready(function(){})相同;因此,基本上,它将只在一切就绪后使用onload。
<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>
$(document).ready(function() {
    $('#autoClick').click();
});