Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> предварительная загрузка картинок, и последующее их отображение на странице 
:(
    Опции темы
student80
Дата 29.8.2006, 15:20 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Абучю рускаму язаку
**


Профиль
Группа: Awaiting Authorisation
Сообщений: 504
Регистрация: 18.4.2006

Репутация: нет
Всего: 7
вот есть у меня страница, на которой хочу картинки показывать.
посмотрел здесь форум, как это организовывается. создаётся массив картинок и все они сразу загружаются. а дальше? как их на странице менять?
вот как у меня страница сделана:
сначала идёт строчка с цифрами 1..100, каждая цифра - ссылка должна быть. соответственно нажимая на цифру 2, картинка на странице меняется на вторую. под картинкой находится описание картинки.
что мне нужно?
скрипт предварительной загрузки картинок, объяснить как это всё на страницу записать, чтоб выбирая картинку, менялась сама картинка и описание под ней. описания к картинкам находятся в той же директории, что и картинки, имеют то же имя, только расширение txt

Помогите, пожалуйста.
PM MAIL   Вверх
dstorm81
Дата 29.8.2006, 18:46 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


бездельник
***


Профиль
Группа: Завсегдатай
Сообщений: 1178
Регистрация: 18.1.2006
Где: (16RU)

Репутация: 20
Всего: 39
мда, 200 мя подгружаемыми картинками я думаю пользователя радовать не стоит... сколько трафика сожрет...
мне кажется в твоем случае тебе надо что-то другое делать
З.Ы. меняй src


--------------------
на форуме с 8.12.2002 (http://forum.vingrad.ru/index.php?act=ST&f=10&t=4874&st=0#)
PM   Вверх
UpL1nK
Дата 29.8.2006, 19:13 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 102
Регистрация: 3.12.2005
Где: Тюмень

Репутация: нет
Всего: нет
сто картинок, например, у тебя есть переменная i (0..100) делаешь src, как сказал dstorm81, на i.gif, а описание с помощью JS не сделать. Поможет php, например. Если конечно не хочешь под каждую i-ую картинку писать описание в самом скрипте smile

Это сообщение отредактировал(а) UpL1nK - 29.8.2006, 19:15
--------------------
Макс
PM MAIL ICQ   Вверх
12345c
Дата 30.8.2006, 01:28 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Круглый
****


Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 57
Всего: 101
Посмотрите код этого примера - http://js2.ru/example/JsPrimeryCode-67.htm - 4 рисунка без предзагрузки и с ней. И текст заодно (не из файлов).

Это сообщение отредактировал(а) 12345c - 3.3.2008, 14:11


--------------------
Google Code Playground - онлайн-отладка своих примеров HTML+JS без регистрации, с сохранением по URL, без кириллицы. Go
PM WWW   Вверх
student80
Дата 31.8.2006, 08:53 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Абучю рускаму язаку
**


Профиль
Группа: Awaiting Authorisation
Сообщений: 504
Регистрация: 18.4.2006

Репутация: нет
Всего: 7
вот. этот примерчик похож на мою задачку :-)
спасибо. дальше сам попробую разобраться.
PM MAIL   Вверх
student80
Дата 31.8.2006, 13:27 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Абучю рускаму язаку
**


Профиль
Группа: Awaiting Authorisation
Сообщений: 504
Регистрация: 18.4.2006

Репутация: нет
Всего: 7
все-таки сам написал
вот пример
Код
<script language="JavaScript" type="text/javascript"><!--
function shownav(num)
  {navall = 7;
    navarray = new Array();
    navarray[1] = '001';
    navarray[2] = '002';
    navarray[3] = '003';
    navarray[4] = '004';
    navarray[5] = '005';
    navarray[6] = '006';
    navarray[7] = '007';
    for (var i = 1; i <= navall; i ++)
        {
        document.getElementById("nav" + navarray[i]).style.display = 'inline';
        }
    document.getElementById("nav" + num).style.display = 'none';
    for (var i = 1; i <= navall; i ++)
        {
        document.getElementById("n" + navarray[i]).style.display = 'none';
        }
    document.getElementById("n" + num).style.display = 'inline';
    for (var i = 1; i <= navall; i ++)
        {
        document.getElementById("photo" + navarray[i]).style.display = 'none';
        }
    document.getElementById("photo" + num).style.display = 'block';
    }
//-->
</script>

<style type="text/css"><!--
div.nav {text-align: center}
span.nav {display: none}
div.photo {display: none}
-->
</style>

<div class="nav">
<a href="#" id="nav001" onClick="JavaScript: shownav('001');">1</a>
<span class="nav" id="n001">1</span>
<a href="#" id="nav002" onClick="JavaScript: shownav('002');">2</a>
<span class="nav" id="n002">2</span>
<a href="#" id="nav003" onClick="JavaScript: shownav('003');">3</a>
<span class="nav" id="n003">3</span>
<a href="#" id="nav004" onClick="JavaScript: shownav('004');">4</a>
<span class="nav" id="n004">4</span>
<a href="#" id="nav005" onClick="JavaScript: shownav('005');">5</a>
<span class="nav" id="n005">5</span>
<a href="#" id="nav006" onClick="JavaScript: shownav('006');">6</a>
<span class="nav" id="n006">6</span>
<a href="#" id="nav007" onClick="JavaScript: shownav('007');">7</a>
<span class="nav" id="n007">7</span>
</div>

<div class="photo" id="photo001">
  <img src="001.jpg" width="480" height="640" class="photo" class="photo" />
  <p class="photo">&nbsp;</p>
</div>
<div class="photo" id="photo002">
  <img src="002.jpg" width="480" height="640" class="photo" class="photo" />
  <p class="photo">&nbsp;</p>
</div>
<div class="photo" id="photo003">
<img src="003.jpg" width="480" height="640" class="photo" class="photo" />
<p class="photo">&nbsp;</p>
</div>
<div class="photo" id="photo004">
<img src="004.jpg" width="640" height="480" class="photo" class="photo" />
<p class="photo">&nbsp;</p>
</div>
<div class="photo" id="photo005">
<img src="005.jpg" width="480" height="640" class="photo" class="photo" />
<p class="photo">&nbsp;</p>
</div>
<div class="photo" id="photo006">
  <img src="006.jpg" width="640" height="480" class="photo" class="photo" />
  <p class="photo">&nbsp;</p>
</div>
<div class="photo" id="photo007">
  <img src="007.jpg" width="640" height="480" class="photo" class="photo" />
  <p class="photo">&nbsp;</p>
</div>

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

Это сообщение отредактировал(а) 12345c - 31.8.2006, 14:14
PM MAIL   Вверх
12345c
Дата 31.8.2006, 14:17 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Круглый
****


Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 57
Всего: 101
Предзагрузки здесь нет, как легко заметить.
Цитата(student80 @  31.8.2006,  13:27 Найти цитируемый пост)
почему между двумя ссылками стоит текст без ссылки
перенос строки равносилен пробелу.
PM WWW   Вверх
  
 Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »

Подписаться на тему | Подписка на этот форум | Скачать/Распечатать тему


 




[ Время генерации скрипта: 0.0482 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
 По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.