Динамический CSS атрибут

У меня есть следующие два элемента на HTML-файле:Динамический CSS атрибут

<a id="a1" href="?cssfile=css-folder/015/styles.css">Style number 015</a> 
<div id="a1Preview"></div>

Первый (анкер) представляет собой ссылку на CSS, который будет загружаться динамически страницы. Второй (div) делает вид предварительного просмотра (миниатюры) таблицы стилей.

ПРОБЛЕМА IS Мне нужен способ, чтобы установить фон Div динамически с помощью CSS, что-то вроде:

#a1Preview 
{ 
    background: url(css-folder/{"015" extracted from the <a> element}/preview.png); 
}

Возможно ли это? Есть идеи? Конечно, HTML неприкасаем. Я могу только изменить CSS.

Заранее спасибо.

источник

2012-01-10 David Díaz

К сожалению, это невозможно с чистым CSS. Для этого вам придется вернуться к сценарию, предполагая, что вы можете использовать скрипт. – BoltClock

Насколько я знаю, невозможно запустить скрипт из CSS, правильно? Я могу работать только с файлом CSS. Есть ли шанс сделать это оттуда? –

Nope ... not possible :( – BoltClock

Вы можете использовать jQuery для динамического изменения содержимого css. jQuery - это расширение для javascript. Оттуда вы могли бы использовать систему, которую вы используете для скина, но, как правило, для извлечения атрибутов href из тегов и изменения CSS, вы можете использовать такую вещь.

источник

2012-01-10 18:04:54

Является ли jQuery доступным в любой форме для моего CSS-файла? Я могу работать только с файлом CSS. –

Если вы не можете коснуться файла CSS, и вы работаете над проектом, то, возможно, попросите разработчиков (разработчиков) внедрить систему с этой библиотекой, в целом их код может быть сведен к минимуму или у них может быть лучшая система, использующая jQuery, но, насколько я вижу, jQuery - единственный способ (если вы не хотите сделайте стиль для каждого элемента, который кажется более длинным путем) –

Динамический CSS атрибут

ответ

Смежные вопросы