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



 

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

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

Открыть тему
Тема закрыта
> не могу сделать поочередный просмотр
Semenovich
Semenovich
Topic Starter сообщение 7.12.2010, 20:37; Ответить: Semenovich
Сообщение #1


Изображения идут все сразу
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>ява скрипт</title>
<script LANGUAGE="JavaScript">
var num=1
img1 = new Image ()
img1.src = "image/Hydrangeas.jpg">
img2 = new Image ()
img2.src = "image/Koala.jpg"
img3 = new Image ()
img3.src = "image/Lighthouse.jpg"
function slideshow()
{
num=num+1
if (num==4)
{num=1}
document.animal.src=eval("img"+num+".src")
}
</SCRIPT>
</head>

<body>
<CENTER>
<img src="image/Hydrangeas.jpg" NAME="animal" BORDER=0>
<img src="image/Koala.jpg" NAME="animal" BORDER=0>
<img src="image/Lighthouse.jpg" NAME="animal" BORDER=0>
<p>
<A HREF="javascript:slideshow()">
Щелкните, чтобы увидеть следующую картинку</A>


</CENTER>
</body>
</html>


кто знает в чем тут фишка?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
zidan
zidan
сообщение 7.12.2010, 23:56; Ответить: zidan
Сообщение #2


Очевидно, что все изображения не скрыты, поэтому отображаются.) Нужно сделать одно изображение, а не три и у него уже менять src. И лучше id использовать для обращения к элементам.

Пример http://www.sql.ru/forum/actualthread.aspx?tid=644373
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Semenovich
Semenovich
Topic Starter сообщение 8.12.2010, 19:57; Ответить: Semenovich
Сообщение #3


(zidan @ 8.12.2010, 01:56) *
Очевидно, что все изображения не скрыты, поэтому отображаются.) Нужно сделать одно изображение, а не три и у него уже менять src. И лучше id использовать для обращения к элементам.

Пример http://www.sql.ru/forum/actualthread.aspx?tid=644373

здесь другой вариант не такой как у меня.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
zidan
zidan
сообщение 8.12.2010, 21:31; Ответить: zidan
Сообщение #4


В смысле? Я готовое решение никогда не предлагаю. В примере написано - как заменить путь у картинки. Насколько я понял, нужно менять картинку при нажатии на ссылку. Кстати, код, который сейчас в ссылке, не заработает. Должно быть примерно так:
<a href="#" onclick="slideshow(); return false;">
Щелкните, чтобы увидеть следующую картинку.
</a>


Ещё в ссылке <b></b> в самом неожиданном месте и <p> не закрыт.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Semenovich
Semenovich
Topic Starter сообщение 8.12.2010, 23:37; Ответить: Semenovich
Сообщение #5


(zidan @ 8.12.2010, 23:31) *
В смысле? Я готовое решение никогда не предлагаю. В примере написано - как заменить путь у картинки. Насколько я понял, нужно менять картинку при нажатии на ссылку. Кстати код, который сейчас в ссылке, не заработает. Должно быть примерно так:
<a href="#" onclick="slideshow(); return false;">
Щелкните, чтобы увидеть следующую картинку.
</a>


Ещё в ссылке <b></b> в самом неожиданном месте и <p> не закрыт.

Премного благодарен. Действительно заработало. НО хотел создать скрипт отдельным файлом но ничего не получилось - не стало работать. Как бы его правильно подцепить? Это код файла скрипта:
<script LANGUAGE="JavaScript">
var num=1
img1 = new Image ()
img1.src = "image/Hydrangeas.jpg"
img2 = new Image ()
img2.src = "image/Koala.jpg"
img3 = new Image ()
img3.src = "image/Lighthouse.jpg"
function slideshow()
{
num=num+1
if (num==4)
{num=1}
document.animal.src=eval("img"+num+".src")
}
</SCRIPT>
а это код привязки:
<script src="script.js"></script>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
zidan
zidan
сообщение 9.12.2010, 0:26; Ответить: zidan
Сообщение #6


В коде скрипта блоки <script> не нужны. А привязку надёжнее указать так:
<script src="script.js" type="text/javascript"></script>


P.S. Ещё раз напомню о правилах, пункт 2.6. http://www.html.by/faq.php?faq=rules#faq_222
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Semenovich
Semenovich
Topic Starter сообщение 9.12.2010, 0:36; Ответить: Semenovich
Сообщение #7


(zidan @ 9.12.2010, 02:26) *
В коде скрипта блоки <script> не нужны. А привязку надёжнее указать так:
<script src="script.js" type="text/javascript"></script>


P.S. Ещё раз напомню о правилах, пункт 2.6. http://www.html.by/faq.php?faq=rules#faq_222

ну мы вроде бы как доделываем... Благодарю. теперь все работает.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
zidan
zidan
сообщение 9.12.2010, 0:40; Ответить: zidan
Сообщение #8


Вижу пункт 2.6. был снова проигнорирован.:hihi:

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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Нужно сделать репост статей в соц сети
1 HavingingWorld 2393 27.2.2024, 2:15
автор: AndrePro
Открытая тема (нет новых ответов) Сделать дорвей
0 tok24ua 901 28.8.2023, 20:59
автор: tok24ua
Открытая тема (нет новых ответов) Сделать правки на html-странице
5 TABAK 2261 20.5.2023, 10:45
автор: EvilGomel
Открытая тема (нет новых ответов) Сколько стоит сделать шаблон для WP?
изучаю цены
3 Palundra 2379 2.4.2022, 3:06
автор: WebSuccessful
Открытая тема (нет новых ответов) Как сделать поддомены, чтобы не склеило?
0 Yuliya1982 920 29.11.2021, 5:26
автор: Yuliya1982


 



RSS Текстовая версия Сейчас: 28.3.2024, 20:45
Дизайн