0

編集: この質問は明らかにjQuery Carousel Evolutionプラグインの UI に関連しています。

次へボタンと前へボタンのタイトルと説明を変更するにはどうすればよいですか?

また、ページを読み込んでカルーサルが表示されると、最初のタイトルと説明がデフォルトで表示されます。私の問題を解決してください。リンクも共有しています。以下を参照してください

$(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

事前にサンクス...

4

1 に答える 1

1

質問 1 では、jQuery を使用して、カルーセルの初期化後にタイトル属性を追加できます。選択したプラグインには、そのようなことを行うための非常に堅牢な API がないようです。

http://jsfiddle.net/4HSpH/6

$('.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"));
于 2013-03-04T21:57:58.690 に答える