Код модального окна 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>

Мне нужно, чтобы это запускалось при загрузке страницы (не по щелчку, как указано выше).Я играл с этим js

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

Но, конечно, он загружает только изображение (href) - можете ли вы помочь включить атрибуты class, title и onclick в эту функцию js - или естьлучший способ?

Пожалуйста, покажи мне свет:)

Answer 1

Попробуйте это:

$(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 2

Спасибо за решения, описанные выше, возможно, я просто не разбираюсь в JS, но я не мог понять, как я использую и то и другое, однако я получил то, что хотел, используя этот метод:

1) Добавить идентификатор в тег Anchor

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

Answer 3

Вы можете попробовать следующее (имея в виду, я понятия не имею, что делает эта функция):

 $(document).ready(function(){

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

Это лучшее, что я могу придумать, не глядя на API hs (выделите?).