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



 

Здравствуйте, гость (

| Вход | Регистрация )

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


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

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

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


css? нэ?

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


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


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

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


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


<!-- 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


На 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


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

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


Не знаю будет работать или нет, но делается по такому принципу. Хотя конечно может есть способ и попроще)
<!-- 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

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


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


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


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Ukr Private Proxy 4g Lifecell, Kyivstar, Vodafone (ТЕСТ, смена по ссылке, ротация)
Продам Личные Украинские приватные мобильные прокси 4g Lifecell, Kyivs
1 Kostyaxxxx 4263 20.6.2021, 20:26
автор: Kostyaxxxx
Открытая тема (нет новых ответов) [ИЩУ] Человека для сбора картинок
4 rokot 3243 4.9.2018, 10:05
автор: Том77
Открытая тема (нет новых ответов) Ссылки с эро картинок хочется
2 RMak 4069 4.2.2018, 23:19
автор: Kriya
Открытая тема (нет новых ответов) Смена шрифтов в WP
Заказ
0 SkyFire 2455 24.12.2017, 12:24
автор: SkyFire
Открытая тема (нет новых ответов) Поиск картинок и описания
Фотошоп или powerpoint
1 scorper 1900 8.9.2017, 10:46
автор: scorper


 



RSS Текстовая версия Сейчас: 20.4.2024, 7:57
Дизайн