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



 

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

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

Открыть тему
Тема закрыта
> Анимированное меню
rolling
rolling
Topic Starter сообщение 3.6.2010, 13:35; Ответить: rolling
Сообщение #1


Добрый день!
Ситуация следующая: имеется меню из текста и картинки, при наведении на строку меню картинка с помощью java-script изменяется на другую (картинка2).
Проблема в том, что при наведении на меню первый раз картинка2 грузится некоторое время (в зависимости от скорости инета), чего хотелось бы избежать.

Идея загрузить вторую картинку заранее, чтобы она прокешировалась сразу при загрузке страницы реализовывалась след. образом:
<img src="pictures/logo1.jpg">
<img src="pictures/logo2.jpg" style="display: none;">

Но она не принесла успеха.

Подскажите п-ста, каким образом можно избежать длительной загрузки второй картинки при наведении на меню?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 3.6.2010, 13:41; Ответить: Webmaster_hb
Сообщение #2


либо разместите вторую картинку в видимый DIV только который с позиционирован за пределами экрана

либо используйте слайсы (две картинки в одной)
а при наведении на ссылку, просто меняйте положение фона :s009:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Arks
Arks
сообщение 3.6.2010, 20:42; Ответить: Arks
Сообщение #3


скопипастил с webew:
function preload(images) {
if (typeof document.body == "undefined") return;
try {
var div = document.createElement("div");
var s = div.style;
s.position = "absolute";
s.top = s.left = 0;
s.visibility = "hidden";
document.body.appendChild(div);
div.innerHTML = "<img src=\"" + images.join("\" /><img src=\"") + "\" />";
} catch(e) {
// Error. Do nothing.
}
}
preload([
'http://fastcoder.org/pic/logo.gif',
'http://fastcoder.org/unsorted/ows.gif'
]);
</span>

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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПеренести меню
1 Викторио_mw 1452 28.8.2018, 0:10
автор: TimurR
Открытая тема (нет новых ответов) Необходимо разрезать и установить Меню для группы ВКонтакте
2 boltuk 3398 4.12.2017, 14:44
автор: tezoro
Открытая тема (нет новых ответов) Помогите с меню - переделать в выпадающее
1 lepota 1128 4.12.2017, 13:29
автор: yury_mw
Открытая тема (нет новых ответов) Слайдер под меню
0 Olya_Poy 4635 29.11.2017, 11:09
автор: -garmoni-
Открытая тема (нет новых ответов) На разных разрешениях меню выглядит по разному
0 SPiar 4812 28.9.2017, 17:45
автор: -korotkov-


 



RSS Текстовая версия Сейчас: 29.3.2024, 18:05
Дизайн