Question

我试图重新创建一个类似于：

的滑块

http://www.facebook.com/BacardiLimon?v=app_146177448730789

但显然没有关于如何用FBJS做这样的事情的文件：'（

    var eCardPos = 0;
    var totalCards = 4;
    var animationFadeTime = 300;
    var cardUrls = [];
    cardUrls[0]= '';
        cardUrls[1]= '';
        cardUrls[2]= '';
        cardUrls[3]= '';

   function changeEcardPrev()
 {
eCardPos--;
if (eCardPos < 0) {
  eCardPos = totalCards-1;
}
showEcard();
 }
function changeEcardNext()
{
eCardPos++;
if (eCardPos > totalCards-1) {
  eCardPos = 0;
}
showEcard();
}

function changeEcard(pos)
{
eCardPos = pos;
showEcard();
}

function showEcard()
{
var elCard = document.getElementById('cardImage');
var elLink = document.getElementById('cardLink');
var elPreload = document.getElementById('preload_card_'+eCardPos);

for (var i=0;i<totalCards;i++)
{
  document.getElementById('cardButton_'+i).removeClassName('active');
}
document.getElementById('cardButton_'+eCardPos).addClassName('active');
elLink.setHref(cardUrls[eCardPos]);
Animation(elCard).to("opacity", 0).duration(animationFadeTime).checkpoint(1, function() {
  elCard.setSrc(elPreload.getSrc());
}).to("opacity", 1).duration(animationFadeTime).go();

 //Animation(elCard).to("opacity", 1).duration(animationFadeTime).go();
}

我碰巧找到了src，但我甚至不知道从哪里开始：\

编辑：

我想我找到了一些可能会有所帮助的东西，但图片会滑动：\我只想让它们在按下方向时出现。

  var numslides = 3;
  var slidesvisible = 1;
  var currentslide = 0;
  var slidewidth = 300;

  function goright() {
if (currentslide <= (numslides-slidesvisible-1)) {
    Animation(document.getElementById('slideshow_inner')).by('right',    slidewidth+'px').by('left', '-'+slidewidth+'px').go();
    if (currentslide == (numslides-slidesvisible-1)) {
        Animation(document.getElementById('right_button')).to('opacity', '0.3').go();
        Animation(document.getElementById('left_button')).to('opacity', '1').go();
    }
    if (currentslide < (numslides-slidesvisible-1)) { Animation(document.getElementById('left_button')).to('opacity', '1').go(); }
    currentslide++;
}
  }
  function goleft() {
if (currentslide > 0) {
    Animation(document.getElementById('slideshow_inner')).by('left', slidewidth+'px').by('right', '-'+slidewidth+'px').go();
    if (currentslide == 1) {
        Animation(document.getElementById('left_button')).to('opacity', '0.3').go();
        Animation(document.getElementById('right_button')).to('opacity', '1').go();
    }
    if (currentslide > 1) { Animation(document.getElementById('right_button')).to('opacity', '1').go(); }
    currentslide--;
}
  }

如何让图像淡入淡出而不是滑动？

FBJS图像滑块

0 个答案: