Страница 1 из 11
Модератор форума: JonMagon 
Сообщество uCoz » Вебмастеру » JavaScript, Flash и прочие технологии » Переключатель для картинок
Переключатель для картинок
Dogica
Сообщений: 1230
Репутация: 352
Уровень замечаний:

Сообщение # 1 | 22:36:44
Как можно сделать переключатель чтобы при его нажатии одни картинки сменялись на другие по всей страничке сайта?
Например - когда сайт открываешь справа вверху показана картинка X
Нажимаешь на кнопку и вместо нее в том же месте чтобы показывалась картинка Y
?


WWW.DOGICA.COM / WWW.DOGICA.ORG
$Tiny$
Сообщений: 193
Репутация: 61

Сообщение # 2 | 03:10:20


Добавлено (11 Янв 2015, 03:10:20)
---------------------------------------------
Dogica, кажется, неверно понял вопрос. Тогда вот так:
Код
<img id="element1" src="/img1.jpg"><img id="element2" src="/img3.jpg">
<a href="javascript://" onclick="document.getElementById('element1').src = '/img1.jpg';document.getElementById('element2').src = '/img3.jpg'">Первый вариант</a>
<a href="javascript://" onclick="document.getElementById('element1').src = '/img2.jpg';document.getElementById('element2').src = '/img4.jpg'">Второй вариант</a>
Сообщение отредактировал $Tiny$ - Воскресенье, 11 Янв 2015, 03:18:15
Dogica
Сообщений: 1230
Репутация: 352
Уровень замечаний:

Сообщение # 3 | 15:19:47
не пашет.. показывает сразу 2 картинки и при нажатии ничего не происходит

есть картинок 15 на страничке, в разных местах
надо чтобы сменялись все 15 по нажатию 1й кнопки на странчке
каждая на свою.. не все одинаковые конечно

Добавлено (13 Янв 2015, 17:54:25)
---------------------------------------------
есть рабочий вариант у кого то, пожалуйста?

Добавлено (15 Янв 2015, 15:19:47)
---------------------------------------------
тяжела задачка ? cry



WWW.DOGICA.COM / WWW.DOGICA.ORG
Сообщение отредактировал Dogica - Вторник, 13 Янв 2015, 18:11:07
Игорь_
Сообщений: 178
Репутация: 40

Сообщение # 4 | 21:30:13
Ты хочешь чтобы при нажатии на кнопку менялся фон сайта?

Добавлено (15 Янв 2015, 21:30:13)
---------------------------------------------
Код
<div id="button_change_background">КНОПОЧКА</div>
<script>
var i = 0, ary = ['red','blue'];
$('#button_change_background').click(function(){
$('body').css({'background':ary[i]})
i == ary.length-1 ? i = 0 : i++;
})
</script>

Давно я не занимался программированием. Даже таким простым. Ну тут фон меняется как надо. Но при перезагрузке все слетает на тот что указан в css. В переменной ary вместо red,blue можешь указывать ссылки на картинки.


Не знаю языки программирования, не знаю css. И вообще ничего не знаю.
Мои шаблоны для uCoz
Сообщение отредактировал Игорь_ - Четверг, 15 Янв 2015, 21:39:36
Dogica
Сообщений: 1230
Репутация: 352
Уровень замечаний:

Сообщение # 5 | 21:39:19
нет нет.. смена фона давно сделана
тут по бокам слева и справа есть иконки.. http://www.dogica.com/car.html
хочется чтобы они все менялись (весь ряд и справа и слева) на другие, при нажатии на одну кнопку
типа альтернативный вариант

Добавлено (22 Янв 2015, 21:39:19)
---------------------------------------------
решение нашел.. протестировал - подходит и работает отлично

http://prohtml.net/webmaster/web-directory/smena-kartinki-po-kliku

спасибо всем за участие в топе.



WWW.DOGICA.COM / WWW.DOGICA.ORG
Сообщение отредактировал Dogica - Суббота, 17 Янв 2015, 17:40:56
Сообщество uCoz » Вебмастеру » JavaScript, Flash и прочие технологии » Переключатель для картинок
Страница 1 из 11
Поиск: