X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> Смена картинок по нажатии кнопки, JS наверно...
Yandex
Yandex
Topic Starter сообщение 19.2.2011, 1:39; Ответить: Yandex
Сообщение #1


Завсегдатай
*****

Группа: Active User
Сообщений: 509
Регистрация: 13.2.2010
Из: Москва
Поблагодарили: 240 раз
Репутация:   87  


Дано: изображение, под ним кнопка.

Как сделать, что бы при нажатии кнопки сменилась картинка?

Предполагаю, что есть несложный скрипт на JS
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
kRicha
kRicha
сообщение 19.2.2011, 1:43; Ответить: kRicha
Сообщение #2


Завсегдатай
*****

Группа: Active User
Сообщений: 932
Регистрация: 29.6.2010
Из: Киева
Поблагодарили: 222 раза
Репутация:   39  


css? нэ?

Сообщение отредактировал kRicha - 19.2.2011, 1:43


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Yandex
Yandex
Topic Starter сообщение 19.2.2011, 1:46; Ответить: Yandex
Сообщение #3


Завсегдатай
*****

Группа: Active User
Сообщений: 509
Регистрация: 13.2.2010
Из: Москва
Поблагодарили: 240 раз
Репутация:   87  


(kRicha @ 19.2.2011, 0:43) *
css? нэ?

Вполне возможно, но как? smile.gif
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
kRicha
kRicha
сообщение 19.2.2011, 1:48; Ответить: kRicha
Сообщение #4


Завсегдатай
*****

Группа: Active User
Сообщений: 932
Регистрация: 29.6.2010
Из: Киева
Поблагодарили: 222 раза
Репутация:   39  


http://www.w3schools.com/css/sel_focus.asp
http://www.w3schools.com/css/sel_active.asp
http://www.w3schools.com/css/sel_hover.asp


--------------------


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
micakult
micakult
сообщение 19.2.2011, 1:51; Ответить: micakult
Сообщение #5


клоновод
******

Группа: Banned
Сообщений: 1057
Регистрация: 28.5.2009
Поблагодарили: 483 раза
Репутация:   77  


<!-- HTML -->
<div id="images">
    <img src="image.png" />
</div>
<input id="change_img" type="submit" value="Сменить картинку" />

<!-- jQuery -->
$("#change_img").click(function(){
    $("#images").html('<img src="new_image.png" />')
})


Сообщение отредактировал micakult - 19.2.2011, 1:55


--------------------
Я клон maximiliano83, anderson и bookjoy


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
disiyndel
disiyndel
сообщение 19.2.2011, 1:54; Ответить: disiyndel
Сообщение #6


Завсегдатай
*****

Группа: Active User
Сообщений: 762
Регистрация: 27.10.2009
Из: отборных зерен.
Поблагодарили: 219 раз
Репутация:   29  


На CSS не получится.

Гуглите "JQuery slider"
Или даже вот так: http://cake-php-blog.net/25-jquery-sliders


--------------------
http://heisenbrog.com - только цифры, факты и эксперименты.


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Yandex
Yandex
Topic Starter сообщение 19.2.2011, 2:00; Ответить: Yandex
Сообщение #7


Завсегдатай
*****

Группа: Active User
Сообщений: 509
Регистрация: 13.2.2010
Из: Москва
Поблагодарили: 240 раз
Репутация:   87  


Спасибо большое!

micakult, а если мне нужно 3 или 4 изображения менять? как доработать Ваш код?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
micakult
micakult
сообщение 19.2.2011, 3:05; Ответить: micakult
Сообщение #8


клоновод
******

Группа: Banned
Сообщений: 1057
Регистрация: 28.5.2009
Поблагодарили: 483 раза
Репутация:   77  


Не знаю будет работать или нет, но делается по такому принципу. Хотя конечно может есть способ и попроще)
<!-- HTML -->
<div id="images">
    <img src="new_image_0.png" />
</div>
<input id="change_img" type="submit" value="Сменить картинку" />

<!-- jQuery -->
$("#change_img").click(function(){
    var num_img_0 = '<img src="new_image_0.png" />';
    var num_img_1 = '<img src="new_image_1.png" />';
    var num_img_2 = '<img src="new_image_2.png" />';
    var num_img_3 = '<img src="new_image_3.png" />';
    
    if($("#images").html() == num_img_0){
        $("#images").html(num_img_1);
    }
    if($("#images").html() == num_img_1){
        $("#images").html(num_img_2);
    }
    if($("#images").html() == num_img_2){
        $("#images").html(num_img_3);
    }
    if($("#images").html() == num_img_3){
        $("#images").html(num_img_0);
    }
})


Сорри херню написал. Последнии три if нужно заменить на else if

Сообщение отредактировал micakult - 19.2.2011, 3:08


--------------------
Я клон maximiliano83, anderson и bookjoy


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
4 чел. читают эту тему (гостей: 4, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыСмена урлов у существующего сайта
Как повлияло на позиции удаление .html
9 SeoKot 1506 20.11.2017, 13:53
автор: RMak
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыСмена домена
7 July82 855 8.11.2017, 0:18
автор: nahalturu
Открытая тема (нет новых ответов) Смена урлов на новом сайте
4 tiptopvkr 640 26.10.2017, 16:04
автор: GlazAlmaz
Открытая тема (нет новых ответов) Трафик с картинок?
14 sebadoh 2216 3.10.2017, 9:48
автор: Good_guys
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыАвтогенерация кода кнопки на WP
Помогите народ) я прям в ступоре)
4 markus91 623 2.10.2017, 12:41
автор: markus91


 



RSS Текстовая версия Сейчас: 15.12.2017, 19:59
Дизайн