编辑:这个问题显然与jQuery Carousel Evolution插件的用户界面有关。
如何更改下一个和上一个按钮的标题和说明?
此外,当我加载页面并且当carousal将显示该时间时,第一个标题和描述应该显示为默认。请解决我的问题。我也分享了这个链接,请看下面的
$(document).ready(function () {});
var playListURL = 'http://gdata.youtube.com/feeds/api/playlists/0155DF7A9B0DF819?v=2&alt=json&callback=?';
var videoURL = 'http://www.youtube.com/watch?v=';
$.getJSON(playListURL, function (data) {
var list_data = "";
$.each(data.feed.entry, function (i, item) {
var feedTitle = item.title.$t;
var feedescription = item.media$group.media$description.$t;
var feedURL = item.link[1].href;
var fragments = feedURL.split("/");
var videoID = fragments[fragments.length - 2];
var url = videoURL + videoID;
var thumb = "http://img.youtube.com/vi/" + videoID + "/hqdefault.jpg";
list_data += '<div><a href= "#" ><img src="' + thumb + '" width="213px" height="141px"/></a></div>';
});
$(list_data).appendTo(".slides");
$('.carousel').carousel({
carouselWidth: 930,
carouselHeight: 330,
directionNav: true,
shadow: true,
buttonNav: 'bullets'
});
var cnt = 0;
$(".nextButton").click(function () {
var len = $(this).siblings(".slides").children(".slideItem").length;
var a = cnt++;
});
$(".prevButton").click(function () {
var len = $(this).siblings(".slides").children(".slideItem").length;
var a = cnt++;
});
});
演示链接: - http://jsfiddle.net/4HSpH/4
Thanx提前......
答案 0 :(得分:1)
对于问题1,您可以使用jQuery在轮播初始化后添加标题属性。您选择的插件似乎没有一个非常强大的API用于此类事情。
$('.prevButton').attr('title', 'My previous button');
$('.nextButton').attr('title', 'My next button');
要使您的标题在加载时填充,请在上面的代码之后尝试:
$("#title").text($items.filter(function () {
return $(this).css("top") == "0px";
}).find("a").attr("title"));