jQuery，使用上一個/下一個鏈接在幻燈片圖像上添加效果

Question

我是jquery的新手，我正在嘗試使用jquery制作滑塊，現在這是我的腳本：

      $(function()
  {
    var bgCounter = 0,
    text = [
    'some html code here',
    'some html code here',
    'some html code here',
    ],
    link = [
    'LINK',
    'LINK',
    'LINK'
    ],
    backgrounds = [
    "img.jpg",
    "img.jpg",
    "img.jpg"
    ];
    function changeBackground()
    {
      bgCounter = (bgCounter+1) % backgrounds.length;
      $('#Main-screen').css('background', 'url('+backgrounds[bgCounter]+')');
      $('#Main-screen').css('background-size','cover');
      $('#example').html(text[bgCounter]);
      $('a.link').attr("href", "#"+link[bgCounter]);
      setTimeout(changeBackground,4000);
    }
    changeBackground();
  })();

這是html / css部分：

  #Main-screen {
      position: relative;
      width:100%;
      height: 100%;

<div id="Main-screen" style="display:inline-block;">
<a class="link" href="#"><span id="example"></span></a>

我不知道是否可以使用此腳本在切換圖像時添加效果（例如淡入淡出），並在其上添加下一個/上一個鏈接。 因此，如果有人有想法這樣做。 我真的不知道我的腳本是否可行。 因此，如果這不可能，那么任何人都可以向我展示一個例子，那就太好了。

對不起，我的英語不是很好。

Answer 1

嘗試像這樣將效果添加到background-img cahnge：

  $('#Main-screen').fadeIn().css('background', 'url('+backgrounds[bgCounter]+')');

Answer 2

您可以在此jQuery滑塊中輕松綁定：
http://rocha.la/jQuery-slimScroll

自動滾動：
將滾動條設置為隱藏，並使用javascript更改slimScrollBar的位置

如果要在圖片中添加任何動畫，我建議這樣做：
http://www.minimamente.com/example/magic_animations/