Как сделать смену фоновой картинки по клику? JavaScript - Скрипты и коды для юкоз - Форум аццкого кодера
Фильтр по:
  

Страница 1 из 11
Модератор форума: likbezz 
Скрипты и коды для юкоз - Форум аццкого кодера » Как сделать? Информация для вновь прибывших » Как сделать... » Как сделать смену фоновой картинки по клику? JavaScript (Скрипт смены фона по клику + смена класса элемента. JScript)
Как сделать смену фоновой картинки по клику? JavaScript
Дата: Среда, 14.12.2011, 04:14 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9096
Награды: 23
Репутация: 457
Статус: Unknown


Стили:
Код
<style type="text/css">
#header-content{background:transparent url(/_example/bg/patterns/patt8_0.jpg) repeat left top;height:200px;width:100%;}
#switcher-content{margin:5px 0;}
#switcher-content a.active{color:#F0F;font-weight:700;}
</style>


HTML:
Код
<div id="header-content"> </div>
<div id="switcher-content">
    <a rel="1" href="#">Картинка 1</a>
    <a rel="2" href="#">Картинка 2</a>
    <a rel="3" href="#">Картинка 3</a>
</div>


Скрипт:
Код
<script type="text/javascript">
$('#switcher-content a').click(function(){
$(this).addClass('active').siblings().removeClass('active');
$('#header-content').css({ 'background-image':'url(/_example/bg/patterns/patt8_'+this.rel+'.jpg)'});
});    
</script>


Пример (Скрипт смены фона по клику + смена класса элемента. JScript) ...
...


 
Дата: Вторник, 14.05.2013, 23:57 |
Axse
Лейтенант
Группа: Пользователи
Сообщений: 52
Награды: 0
Репутация: 2
Статус: Offline


Невозможно найти удалённый сервер при просмотре примера

 
Дата: Среда, 15.05.2013, 00:40 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9096
Награды: 23
Репутация: 457
Статус: Unknown


Axse,
Цитата (Axse, Вт, 14.05.2013, 23:57:38)
Невозможно найти удалённый сервер при просмотре примера

Да, точно, извиняюсь.
Спасибо вам, поправил.


 
Дата: Четверг, 16.05.2013, 02:26 |
Axse
Лейтенант
Группа: Пользователи
Сообщений: 52
Награды: 0
Репутация: 2
Статус: Offline


отлично еще бы к кукисам привязать )

 
Дата: Четверг, 16.05.2013, 03:53 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9096
Награды: 23
Репутация: 457
Статус: Unknown


Axse,
Цитата (Axse, Чт, 16.05.2013, 02:26:02)
отлично еще бы к кукисам привязать )

http://likbezz.ru/_example/_rest/_2013/p1/click_rand_bg_cookie.html



 
Дата: Четверг, 16.05.2013, 12:31 |
Axse
Лейтенант
Группа: Пользователи
Сообщений: 52
Награды: 0
Репутация: 2
Статус: Offline




 
Дата: Четверг, 29.01.2015, 18:04 |
tania2509
Рядовой
Группа: Зарегистрированные
Сообщений: 1
Награды: 0
Репутация: 0
Статус: Offline


Пробую подставлять - не работает((
Подскажите, что куда нужно??


 
Дата: Четверг, 05.02.2015, 13:25 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9096
Награды: 23
Репутация: 457
Статус: Unknown


tania2509,
Цитата tania2509, Чт, 29.01.2015, 19:04:51
Пробую подставлять - не работает(

Ссылку на проблему.


 
Скрипты и коды для юкоз - Форум аццкого кодера » Как сделать? Информация для вновь прибывших » Как сделать... » Как сделать смену фоновой картинки по клику? JavaScript (Скрипт смены фона по клику + смена класса элемента. JScript)
Страница 1 из 11
Поиск: