Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 23.07.2013, 16:23
Аспирант
Отправить личное сообщение для feniks7 Посмотреть профиль Найти все сообщения от feniks7
 
Регистрация: 08.07.2013
Сообщений: 51

Background-image Определение
Можно ли посредствами JS узнать какой в ксс прописан background-image элемента, при нажатии на него?
У меня есть блок с картинкой(фоновой), поверх нее спан с текстом. Более того все это в таблице... Весь элемент - ссылка. Нужно выцепить оттуда путь картинки и добавить в переменную JS.

Для понятности того с чем я имею дело вот так задаются эти блоки:

<td valign="top" width="50%" id="bx_2097971167_7950" align="center" class="modern">

			<table cellpadding="0" cellspacing="0" border="0" align="center">
				<tr>
					<td valign="top">
					<a id="m_ADRIA" href="#" class="items">
					
					<div class="item" style="background-image:url(/upload/iblock/9ce/9ce408c4929f26718a4a791b7eff455c.jpg);">
										<div class="descr_cont">


					<div class="descr">
					<div class="preview_text">
											</div>
					</div>

					<div class="name">
					<h3>ADRIA</h3>
											</div>
					<div class="name prices" style="margin-left:190px;">
					<h3>Array </h3>
					</div>

					</div>
					</div>
					</a>
					</td>
				</tr>
			</table>

														</td>


Обращаться к блоку можно через класс .item далее использовать this.
Только не знаю как выцепить путь имейджа
Ответить с цитированием
  #2 (permalink)  
Старый 23.07.2013, 16:32
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

function getStyle = (function(){
    return window.getComputedStyle ? getComputedStyle : function(el) {
        return el.currentStyle;
    };
})();
var uri = getStyle(document.body).backgroundImage;
// дальше регуляркой или хз как.
Ответить с цитированием
  #3 (permalink)  
Старый 23.07.2013, 16:32
Аватар для ОлегА
Профессор
Отправить личное сообщение для ОлегА Посмотреть профиль Найти все сообщения от ОлегА
 
Регистрация: 25.08.2011
Сообщений: 420

$(function(){
   alert( $('td .item').css('background-image') )
})
Ответить с цитированием
  #4 (permalink)  
Старый 23.07.2013, 16:43
Аспирант
Отправить личное сообщение для feniks7 Посмотреть профиль Найти все сообщения от feniks7
 
Регистрация: 08.07.2013
Сообщений: 51

ОлегА, пробовал подобную структуру, только через this, после обращения к классу. Не работает.

$( '.items' ).click(function(){

var this_img = this.css('background-image');
$( '#image' ).css('background', this_img);

return false;
});
Ответить с цитированием
  #5 (permalink)  
Старый 23.07.2013, 16:48
Аватар для ОлегА
Профессор
Отправить личное сообщение для ОлегА Посмотреть профиль Найти все сообщения от ОлегА
 
Регистрация: 25.08.2011
Сообщений: 420

feniks7, так у вас this не обернут в $() так кончено не будет работать, вот

$( '.items' ).click(function(){

var this_img = $(this).find('.item').css('background-image');
$( '#image' ).css('background', this_img);

return false;
});
Ответить с цитированием
  #6 (permalink)  
Старый 23.07.2013, 16:51
Аспирант
Отправить личное сообщение для feniks7 Посмотреть профиль Найти все сообщения от feniks7
 
Регистрация: 08.07.2013
Сообщений: 51

ОлегА,
Спасибо огромное. Чтото под конец рабочего дня совсем мозги не работают. Сидел с этим кодом без $ уже часа полтора, никак не мог понять что не так...
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Автоматическая смена картинок через заданное время herotic Элементы интерфейса 45 15.05.2020 16:44
Кнопка с выпадом текста acquaviva Элементы интерфейса 7 09.07.2013 02:14
Оцените, пожалуйста код вёрстки OlegALL Ваши сайты и скрипты 18 26.07.2011 09:35
Background image CaIIIKiH Общие вопросы Javascript 1 20.07.2011 13:12
background image, справочник igor1102828 Элементы интерфейса 2 23.03.2008 18:53