Мобильная версияКак установить URL-адрес фонового изображения рельсов в JavaScript? ⇐ CSS
-
Anonymous
Как установить URL-адрес фонового изображения рельсов в JavaScript?
В моем приложении на рельсах у меня есть некоторый набор контента и кнопка изображения (каждая часть контента имеет изображение). Когда пользователь нажимает кнопку, я хочу показать соответствующее изображение.
В моем проекте я сохранил все изображения в папке assets/images/preview/id1.png (например). В моем коде JavaScript при нажатии кнопки просмотра содержимого я хочу изменить фоновое изображение, чтобы отобразить соответствующее изображение. Я хочу найти изображение по идентификатору, присвоенному этой кнопке. Как мне этого добиться?
Как установить URL-адрес этого изображения для фонового изображения:
_page2.html.erb
содержание изображения ПРОСМОТР ИЗОБРАЖЕНИЯ содержание изображения " class="view">ПРОСМОТР ИЗОБРАЖЕНИЯ
content/preview.js
$('.view').click(function (event){ вар изображение = $(this).id $(this).css("background", "url(image.jpg) без повтора"); }); }); ссылка в Jsfiddle: http://jsfiddle.net/bkrx2rxz/1/
В контенте/preview.js
$('.view').click(function (event){ $(this).css("background", "url(sample.png) без повтора"); }); Я попробовал использовать код, указанный выше. Похоже, что изображение не загружено, поскольку оно ищет изображения в файле content/sample.png вместо assets/images/sample.png.
В моем приложении на рельсах у меня есть некоторый набор контента и кнопка изображения (каждая часть контента имеет изображение). Когда пользователь нажимает кнопку, я хочу показать соответствующее изображение.
В моем проекте я сохранил все изображения в папке assets/images/preview/id1.png (например). В моем коде JavaScript при нажатии кнопки просмотра содержимого я хочу изменить фоновое изображение, чтобы отобразить соответствующее изображение. Я хочу найти изображение по идентификатору, присвоенному этой кнопке. Как мне этого добиться?
Как установить URL-адрес этого изображения для фонового изображения:
_page2.html.erb
содержание изображения ПРОСМОТР ИЗОБРАЖЕНИЯ содержание изображения " class="view">ПРОСМОТР ИЗОБРАЖЕНИЯ
content/preview.js
$('.view').click(function (event){ вар изображение = $(this).id $(this).css("background", "url(image.jpg) без повтора"); }); }); ссылка в Jsfiddle: http://jsfiddle.net/bkrx2rxz/1/
В контенте/preview.js
$('.view').click(function (event){ $(this).css("background", "url(sample.png) без повтора"); }); Я попробовал использовать код, указанный выше. Похоже, что изображение не загружено, поскольку оно ищет изображения в файле content/sample.png вместо assets/images/sample.png.
