щелкнуть радиокнопку и отобразить изображение

0

Как отобразить изображение в моем контекстном поле, когда я нажимаю на определенный переключатель? Как я могу манипулировать определенным переключателем для отображения изображения внутри поля сцены? Радиокнопки сделаны из jquery и javascript, а не html. Любые решения или помощь?

function initialize() {
    var initialScene = getScene("scene1");
    displayScene(initialScene);
}

function changeScene(selectedOption) {
    var selectedSceneId = selectedOption.value;
    var selectedScene = getScene(selectedSceneId);
    if (selectedScene == "scene6") {
        $("#content").effect(
            {
                effect: "explode",
                duration: 1000,
                complete: function () {
                }
            });
    }
    else {
        $("#content").effect(
            {
                effect: "fade",
                duration: 1000,
                complete: function () {
                    displayScene(selectedScene);
                    $("#content").effect("fade", 1000);
                }
            });
    }
}


function displayScene(scene) {
    $("#sceneTitle").html(scene.title);
    $("#sceneText").html(scene.text);
    $("#sceneOptions").html(createSceneOptions(scene));
}

function getScene(sceneId) {
    var matchedScenes = $.grep(scenes, function (scene) {
        return scene.id == sceneId;
    });

    return matchedScenes[0];
}

function createSceneOptions(scene) {
    var sceneOptions = "";
    $.each(scene.options, function (index, option) {
        sceneOptions += "<input type=\"radio\" name=\"options\" value=\"" + option.nextSceneId + "\" id=\"" + index + "\" onclick=\"changeScene(this)\"><label for=\"" +  index   +  "\">" + option.text + "</label><br/>";
    });

    return sceneOptions;
}

Мои переключатели состоят из jquery, поэтому мой единственный html, который у меня есть для переключателей, - это

<div id="sceneOptions">

Скрипт: http://jsfiddle.net/QCN8S/1/

  • 0
    Скрипка, пожалуйста?
  • 0
    jsfiddle.net/Brannan2/QCN8S ... мои внешние jquery-коды не работают на jfiddle. не уверен, поможет ли это
Показать ещё 3 комментария
Теги:

1 ответ

1

Вы можете использовать событие .onclick для каждого переключателя

 <radio onclick="myfun(url-to-image )" />

JQuery:

function myfun(var i) {
    $(#sceneoption).css("background-image", "URl(i)");
}

Ещё вопросы

Сообщество Overcoder
Наверх
Меню