Смена изображений на одной странице.

Сообщение сайта

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

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

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

SEO форум MaulTalk.com > Веб-строительство > Программная часть

Смена изображений на одной странице.

Опции

TrueOman

Topic Starter сообщение

20.11.2011, 15:02; Ответить: TrueOman

Сообщение #1

Группа: User
Сообщений: 18
Регистрация: 27.10.2011
Поблагодарили: 0 раз
Репутация:

Здравствуйте, это очередная моя тема. На этот раз мучает вопрос, как сделать смену изображений на одной странице?
Допустим у нас на странице есть картинка, при клике на ней или при нажатии на стрелку (неважно) - картинка меняется на другую, и так - определенное количество раз. При этом адрес страницы остается неизменным.
Пример

Ответить с цитированием данного сообщения

pavelsc pavelsc 20.11.2011, 17:19; Сообщений: 745 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	20.11.2011, 17:19; Ответить: pavelsc Сообщение #2
0 Группа: User Сообщений: 745 Регистрация: 1.8.2010 Поблагодарили: 0 раз Репутация: 0	TrueOman, на javascript

TrueOman Topic Starter TrueOmanTopic Starter 20.11.2011, 18:17; Сообщений: 18 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	Topic Starter 20.11.2011, 18:17; Ответить: TrueOman Сообщение #3
0 Группа: User Сообщений: 18 Регистрация: 27.10.2011 Поблагодарили: 0 раз Репутация: 0	Можете подсказать каким именно образом возможно это сделать?

pavelsc

21.11.2011, 0:15; Ответить: pavelsc

Сообщение #4

Группа: User
Сообщений: 745
Регистрация: 1.8.2010
Поблагодарили: 0 раз
Репутация:

TrueOman, ну вот например классический вариант:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Test</title>
<script type="text/javascript">
var number = 0;
var pic = new Array ('1.jpg', '2.jpg', '3.jpg', '4.jpg', '5.jpg');
var len = pic.length;
function primitiveRotator(element){
number++;
number=number==len?0:number;
element.src = pic[number];
}
</script>
</head>
<body>
<img id="pix" src="1.jpg" alt="" onclick="primitiveRotator(this);"/>
</body>
</html>

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

или обратитесь к любому из модераторов.

« Предыдущая тема · Программная часть · Следующая тема »

1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)

Пользователей: 0

Похожие темы

Тема	Ответов	Автор	Просмотров	Последний ответ
SEO-текст на главной странице сайта и в категориях	5	boltuk	1429	26.3.2024, 21:43 автор: c4p1t4l15t
Продается сайт фотосток ИИ изображений Хороший вариант!	20	alexey	3277	25.6.2023, 15:28 автор: alexey
Сделать правки на html-странице	5	TABAK	2307	20.5.2023, 10:45 автор: EvilGomel
Ukr Private Proxy 4g Lifecell, Kyivstar, Vodafone (ТЕСТ, смена по ссылке, ротация) Продам Личные Украинские приватные мобильные прокси 4g Lifecell, Kyivs	1	Kostyaxxxx	4264	20.6.2021, 20:26 автор: Kostyaxxxx
Корректность показа вёрстки изображений на разных гаджетах Не сохраняются пропорции изображений на смартфонах	1	master-vek	37258	25.3.2021, 13:22 автор: tedder

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

Текстовая версия

Сейчас: 23.4.2024, 12:11

Дизайн