需要定制jcarousel

时间:2010-07-21 11:39:07

标签: jquery jcarousel

我正在使用jcarousel构建滚动幻灯片,需要进行一些自定义。只要项目成为轮播中的最后一个可见项目,就会引用回调函数。

1. function mycarousel_itemLastInCallback(carousel, item, idx, state) {
          display('Item #' + idx + ' is now the last item');
      };

你可以在这里看到它是如何工作的。我想要做的是更改此功能,以便显示只显示当前图像的标题。我想将标题数据放在每个图像的alt标签中,但是我将如何访问它?我在函数中尝试了类似的东西:

var theimage=item.next(); var thetext=theimage.alt; display('thetext');

......哪些不起作用。我在这里过头了!希望有人会启发我。

第二件事是,数据会附加到显示框中的先前数据。我需要每个标题来替换上一个标题。不知道怎么做。以下是控制此内容的jcarousel代码:

var row = 1;       功能显示{           //如果可用,请登录Firebug(getfirebug.com)           // if(window.console!= undefined&& typeof window.console.log =='function')             // console.log(s);

      if (row >= 1000)
          var r = row;
      else if (row >= 100)
          var r = ' ' + row;
      else if (row >= 10)
          var r = '  ' + row;
      else
          var r = '   ' + row;

      jQuery('#display').html(jQuery('#display').html() + r + ': ' + s + '<br />').get(0).scrollTop += 10000;

      row++;
  };

任何帮助都非常感谢!谢谢

1 个答案:

答案 0 :(得分:1)

首先,您可能应该考虑使用attr('alt')来访问元素的属性。

之后,如果查看display()方法,它会接受一个字符串。如果你需要它来显示名为thetext的变量,那么你的语法是不正确的,你需要类似的东西:

var thetext = $(image).attr('alt'); 显示器(thetext);

在您的样本中,该行:

var theimage = item.next();

意味着'theimage'可能已经是一个jquery包装的html元素。如果是这样的话:

var thetext = image.attr('alt'); 显示器(thetext);

除此之外,我个人需要看一个示例网页。在jsfiddler.net上设置一个页面,如果你仍然被卡住,请将链接放回到这里