如何在页面加载时自动打开图库的缩略图包装？ （jQuery的）

Question

我需要告诉你，我对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();
});    

我尝试从此脚本的原作者那里获得帮助，但不幸的是她没有回应。期待您的帮助。在此先感谢!!

Answer 1

这2行：

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

和

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

使用class =“st_arrow_down”或class =“st_arrow_down”搜索HTML元素 并绑定事件“点击”这些

此代码

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

再见