0

友達のウェブサイトの上部に簡単なローテーターを追加する必要があります。友人にはtech/htmlの知識がなく、頻繁に変更されるコンテンツを変更するために継続的に呼び出されたくないので、単純なテキストファイルを使用してプラグインを制御できるプラグインが利用可能であると期待していましたか？

私が念頭に置いているのは、次のような単純な「1行に1つのアイテム」レイアウトです。

image001.jpg、 "これは画像1のキャプションです"、sitepage.html
image002.jpg、 "これは別のキャプションであり、画像2に属します"、 "/ news /newsItem2.html"
...
など。

このようにして、私の友人は必要な写真をアップロードし、ファイルを編集してフォルダーにアップロードし、ページをリロードするだけです。プラグインは、テキストファイルで画像名（私の友人がアップロードしたもの、うまくいけば！）を探し、それを使用して画像のキャプションをオーバーレイし、指定されたURLに移動するクリック可能なリンクを作成します。明らかに、彼がリンクしているサイトページの場合、最初にページを作成する必要がありますが、彼が完全に制御できるように、外部ページにリンクしている可能性があります。

4

1 に答える 1

1

そのようなプラグインがあるかどうかはわかりませんが、試すことができるのは次のようなものです。

$.ajax({
    url: "yourtextfile.txt",
    success : function(content)
    {
        var lines = content.split("\n");

        $.each(lines, function(key, line){
            // ---------------
            // TODO:  Do some splits to get the content
            // ---------------
            // Add the URL's and image to the slider content.
            $("#slider").append("<a href='" + splittedURL + "'><img src='" + splittedImgURL + "' /></a>");
        });
        // Initialize slider
        $("slider").slider();
    }
});

これで、好きなスライダーを使用できるようになりました。

于 2011-12-27T12:46:22.630 に答える