javascript - 更新：使用 JS 确保 Firefox 重新加载 (F5) 幻灯片的第一张幻灯片

Question

我正在使用 .localScroll 按钮 (#slideshow-nav)，锚定到两组列表 - 图像 (#slideshow) 和文本 (#slideshow-text)，然后在文本中添加 .hide 和 .slideDown 效果。因此，单击的每个按钮都会导致其链接图像和隐藏文本滚动到位，然后出现文本。它适用于除 Firefox 之外的所有浏览器，当我刷新浏览器时，按钮和文本会返回到第一个列出的位置，但图像不会。有没有人可以建议的 JS 解决方案？

<script type="text/javascript" src="js/jquery.scrollTo.js"></script>
<script type="text/javascript" src="js/jquery.localscroll.js"></script>
<script type="text/javascript">
   $(document).ready(function() {   
      $("#slideshow, #slideshow-text").css("overflow", "hidden");
      $("#slideshow-nav").css("visibility", "visible");     
      $("#slideshow-nav li:first-child a").addClass("active");

      $.localScroll({target:'#slideshow', axis: 'x'
   });

   $("#slideshow-nav a").click(function(){ 
      $("#slideshow-nav a").removeClass("active");
      $("#slideshow-text li").hide();                           

      var childIdx = parseInt($($(this)[0].parentElement).index(), 10) + 1
         $("#slideshow-text li:nth-child(" +  childIdx + ")").hide("slow", function() {
            $("#slideshow-text li:nth-child(" +  childIdx +        ")").slideDown("slow");                                                                             
         });
      $(this).addClass("active");
   });
});`
</script>