Смена рисунка по клику

18.10.2013, 16:04. Показов 683. Ответов 0

Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам

Здравствуйте.
1. Есть главная страница сайта.
2. Есть два рисунка для заставки №1.gif, так как анимированный, другой №2.png.
3. Рисунки должны стоять по центру страницы (http://www.your-footprint.com). Сайт на ucoz.

Задача.
1. При входе на сайт видно картинку № 1.gif.
2. При клике мышкой на №1.gif плавная замена на №2.pnd.
3. При клике мышкой на №2.pnd переход на титульную страницу сайта (http://www.your-footprint.com/... page/0-15/)

Есть скрипт, который можно использовать в качестве базы, его эффект смены картинок устраивает. Но нет функции "center", нет функции пререключения с картинки №2 на страницу сайта.

Вот этот скрипт.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>jQuery img</title>
<script language="JavaScript1.2" src="jquery.js" type="text/javascript"></script>
<script type="text/javascript">
 
$(document).ready(function(){
 
$("#img").click(function () {
var src = $("#img").attr("src");
var tmp = $("#tmp").val();
$("#im").fadeOut("slow", function () {
$("#img").attr("src", tmp);
});
$("#im").fadeIn("slow");
$("#tmp").val(src);
});
 
});
 
</script>
 
<body>
 
<p id="im">
<img border="0" src="http://www.your-footprint.com/img/pap001.gif" id="img">
<input type="hidden" id="tmp" value="http://www.your-footprint.com/img/pap002.png" >
</p>
 
</body>

IT_Exp

Эксперт

34794 / 4073 / 2104

Регистрация: 17.06.2006

Сообщений: 32,602

Блог

18.10.2013, 16:04

Ответы с готовыми решениями:

Список с маркером рисунком, смена рисунка (6 элементов)
Список с маркером рисунком, смена рисунка (6 элементов). JavaScript

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

Смена изображения на выбранное по клику
Здравствуйте! У меня есть дефолтная автарка на страницу. Когда я на нее кликаю, появляется окно выбора файла(обычный <input...

Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.

BasicMan

Эксперт

29316 / 5623 / 2384

Регистрация: 17.02.2009

Сообщений: 30,364

Блог

18.10.2013, 16:04

Помогаю со студенческими работами здесь

Смена текста элемента на другой и обратно по клику.
Здравствуйте.Можно как-то сделать несколько событий над одним объектом? То есть: Я жму на кнопку и, допустим, текст:"один"...

Смена картинок по клику
Здравствуйте, нужна помощь! Мне нужно чтоб при нажатии на див картинка менялась: 1.jpg - 2.jpg - 3.jpg.... Когда доходила до 20...

Смена изображения по клику
Добрый день два вопроса, помогите плз! 1 при вставке в аккордеон пропал клик по картинке (смена изображений) пример внизу страницы...

По клику смена картинки
Добрый вечер, подскажите как сделать смену картинки по клику на кнопку... Вот что я наделал, на части js встало всё) <div...

Смена файла стилей по клику
Доброго времени суток! Подскажите, есть JS с кнопкой. По нажатию на кнопку, меняется файл стилей, но обратно не меняется... В чем дело? ...

Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:

Новые блоги и статьи Все статьи Все блоги /
Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ	Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .	Горе от ума kumehtar 07.04.2026 Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .	Использование значений реквизитов справочника в документе, с определенными условиями и правами Maks 07.04.2026 1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .

Наверх