Как автоматически открыть упаковщик миниатюр галереи изображений при загрузке страницы? (JQuery) - PullRequest
Новая
       7

Как автоматически открыть упаковщик миниатюр галереи изображений при загрузке страницы? (JQuery)

1 голос
/ 29 сентября 2011

Я должен сказать вам, что я новичок в jquery и все еще учусь, пожалуйста, не смейтесь над этим.Я хотел иметь галерею изображений на моем сайте и нашел эту прекрасную галерею, которая использует jquery.Вот ссылка на него:

http://tympanus.net/Tutorials/ThumbnailsNavigationGallery/

Итак, есть этот фрагмент, который помогает пользователю щелкнуть альбом или, скорее, стрелку рядом с ним, чтобы открыть и закрыть эскизОбертка для альбома.Все, что я хочу, это чтобы первый альбом открывался автоматически, когда веб-страница полностью загружена.Я думаю, нам, возможно, придется использовать метод .load (), но я не уверен, как его использовать.Код, который вставлен здесь, имеет обе функции, чтобы открывать и закрывать альбом, я просто хотел автоматизировать открывающую часть. 

//clicking on the menu items (up and down arrow)
//makes the thumbs div appear, and hides the current 
//opened menu (if any)
$list.find('.st_arrow_down').live('click', function () {
    var $this = $(this);
    hideThumbs();
    $this.addClass('st_arrow_up').removeClass('st_arrow_down');
    var $elem = $this.closest('li');
    $elem.addClass('current').animate({
        'height': '170px'
    }, 200);
    var $thumbs_wrapper = $this.parent().next();
    $thumbs_wrapper.show(200);
});
$list.find('.st_arrow_up').live('click', function () {
    var $this = $(this);
    $this.addClass('st_arrow_down').removeClass('st_arrow_up');
    hideThumbs();
});

Я пытался получить помощь от первоначального автора этого сценария, но, к сожалению, онане отвечает.Ждем вашей помощи.Заранее спасибо !!

1 Ответ

0 голосов
/ 29 сентября 2011

Это 2 строки: 

$list.find('.st_arrow_down').live

и 

$list.find('.st_arrow_up').live

для поиска элементов HTML с помощью class = "st_arrow_down" или class = "st_arrow_down" и привязки события "click" к этим

Этот код на 

$(document).ready(function () {
  var $elem = $('.album').first();
  $elem.addClass('current').animate({'height':'170px'},200);  
  $elem.show(200);
  var cnt = $elem.find('.st_wrapper').first().css('display','block');
});

Когда DOM готов, вы ищете первый альбом, затем показывает анимацию и отображаете imgs

Пока

...