Как отобразить изображение в моем контекстном поле, когда я нажимаю на определенный переключатель? Как я могу манипулировать определенным переключателем для отображения изображения внутри поля сцены? Радиокнопки сделаны из 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/
Вы можете использовать событие .onclick
для каждого переключателя
<radio onclick="myfun(url-to-image )" />
JQuery:
function myfun(var i) {
$(#sceneoption).css("background-image", "URl(i)");
}