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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Загрузка картинок до их отображения, Хочу сделать эффект нажимания кнопок 
:(
    Опции темы
housezlat
  Дата 6.12.2008, 15:01 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 1
Регистрация: 6.12.2008

Репутация: нет
Всего: нет



Прошу помощи у знатоков java-script’а.
На главной странице сайта http://pk-kompressor.ru пользователю предлагается выбрать одну из четырёх фирм производителей.
При наведении курсора мыши на любую из логотипов четырёх этих фирм, происходит событие onMouseOver, сменяющее эту картинку на другую.
По идеи, при наведении и убирании курсора мыши на(с) логотип(а), должен получиться эффект «нажимания кнопки».
НО, этот эффект не похож, потому что когда происходит событие onMouseOver, картинка которая должна отобразиться сразу мгновенно, только начитает загружаться из Интернета. А так как её размер около 50 Кбайт, возникает пауза на одну или несколько секунд.

Мне нужен скрипт, чтобы сначала загружались все картинки (i/menu_in.jpg, i/menu1_in.jpg, i/menu2_in.jpg, i/menu3_in.jpg, i/menu4_in.jpg), и только после этого отображалось меню для выбора фирмы-производителя. Только тогда получиться тот самый эффект «нажимания кнопки», который требуется заказчику.

Для удобства, я сделал копию верстки, удалив в ней всё ненужное и выложил для скачивания - http://pk-kompressor.ru/upload/index.zip

Прощу помощи всех, кто может хоть чем-нибудь помочь.

Присоединённый файл ( Кол-во скачиваний: 2 )
Присоединённый файл  pk_kompressor.ru.zip 261,42 Kb
PM MAIL   Вверх
Michael.de
Дата 6.12.2008, 18:04 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 346
Регистрация: 22.3.2005
Где: Deutschland

Репутация: 4
Всего: 9



housezlatкак вариант (не JavaScript): index.htm 
Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head></head>
<frameset cols="100%,*" frameborder="0" framespacing="0" border="0">
 <frame name="f1" src="stranica.htm" scrolling="no">
 <frame name="f2" src="kartinki.htm" scrolling="no">
</frameset>
</html>
и kartinki.htm :
Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<body>
<img src="first.jpg">
 ... ... ...
<img src="last.jpg">
</body>
</html>
т.е. все доп. картинки закачаются в правый (или левый, или верхний... как тебе больше нравится) невидимый фрейм (я полагаю, что заказчик не помчится сразу нажимать на все кнопки smile)
PM MAIL   Вверх
Aliance
Дата 9.12.2008, 14:39 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


I ♥ <script>
****


Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 17
Всего: 137



В следующий раз пользуйся поиском по форуму, как минимум я уже нираз давал решение этого вопроса средствами JavaScript:
смотри в FAQ
PM MAIL WWW ICQ Skype   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: для новичков | Следующая тема »


 




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


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

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