1

私はこの文書を持っています。これにより、クリックで進行する複数の選択肢からなる選択質問票を作成できます。

ここの単語の代わりに画像を使用するにはどうすればよいですか？（そして、[画像]をクリックすると次の質問が表示されるメカニズムがまだあります）

UL / H1設定の背景画像を使って基本的なdiv操作をすでに試しましたが、ご想像のとおり、これでは何の役にも立ちません。

「キャプション」は別のものである必要があるためかどうか、私は興味があります。

            var questions = [
                {
                    caption: 'Question 1?',
                    answers: [
                        { caption: 'It sucks!' },
                        { caption: 'It rules!' }
                    ]
                }

進行中の残りのコードは次の場所にあります：http： //jsfiddle.net/Rbzy6/19/

4

1 に答える 1

1

次のようなことはどうですか: fiddle

私がしていることは、画像の名前を回答として設定することです:

var questions = [
        {
            caption: 'Question 1?',
            answers: [
                { caption: 'It sucks!' },
                { caption: 'It rules!' }
            ]
        },
        {
            caption: 'Question 2?',
            answers: [
                { caption: '_62880798_62880797.jpg' },
                { caption: '_62880035_62880034.jpg' }
            ]
        }
];

後で：

self.currentQuestion(questions[currentQuestionIndex]);

この jQuery コードを追加します。

$('#lol').find('li').each(function() {
    var imgPath = 'http://news.bbcimg.co.uk/media/images/62880000/jpg/';
    var imgName = $(this).text();
    $(this).html('<img src="'+imgPath+imgName+'" width="20" />');
});

要素のコンテンツ (回答) を使用して画像の名前を取得し、要素のコンテンツを画像タグ ( )liに置き換えます。li<img src="" />

于 2012-12-13T01:44:42.667 に答える