Новая тема   Ответить

 DoubleLord
Подскажите пожалуйста есть ли такая функция что бы загружались все файлы/картинки сразу при открытии сайта.

Объясню из реального примера : когда загружаешь сайт с хоста через браузер и на сайте есть графичиские кнопки динамические (при наведении меняються) реализованно через css , так вот есть некоторая задержка при наведении на картинку т.е. отображаеться не мгновенно а с ожиданием в гдето 1-2 сек..
ТАк вот как сделать что бы сменяемая картинка загружалась сразу при
загрузке сайта что бы при наведении на ее она сразу отображалась уже загрузившись до этого ???

Всем спасибо рейтинг по максимуму!!

 pinnokio
скриптами... но нах это нужно?
ЗЫ. Цитата:
А есть и ряд браузеров, которые не поддерживают функцию hover.

 DoubleLord
pinnokio
Например ???

 erobrand
DoubleLord писал:

ИЕ6 только для ссылок поддерживает, для остальных элементов нет, это едиснтвенное исключение. А так я не в курсе о "ряде".

По сабжу..
а) скриптом
б) подгружать картинки заранее в коде до момента обращения к ним в :hover
в) наилучший вариант - использовать css спрайты, это наиболее чистый и рабочий вариант.

Может ещё есть способы, я не в курсе

 pinnokio
DoubleLord писал:
пример скрипта или браузера?
Браузеры: те, которые не поддерживают interactive media. Да и в пресловутом ИЕ6 hover задуман только для <a>. Потому может работать весьма коряво.

По сабжу.
для Java почитайте о событии onload. В частности, пост-загрузка window.onload.

А так же обратите внимание на селектор @media.

ЗЫ. Собственно, вспомнил о такой замечательной вещи как Image Map. (имхо, самый оптимальный вариант)
Или как вариант попробовать оптимизировать графику до ничтожно малых
размеров.

 adde.biz
можно скриптом.
одно время пользовал такие штуки.
потом решил идти по пути оптимизации графики. это имхо правильнее кагбэ.

да. а скрипт такой можно заполучить очень просто.
открываем Дрим. берёшь любые 2 пикчи. пофигу какие
потом. меню - Insert - Image Objects - Rollover image и там проставляешь... там всё понятно. всё. Дрим сам тебе сделает скрипт.

 goodlover
Лет 7 назад баловался таким.. для юзеров одни неудобства. Самый лёгкий путь подгрузки - сделать невидимые 1-pix картинки в футере из этих hover-изображений.. но это как-то некошерно
В поисковиках по запросу "Javascript Preload Images" есть варианты скриптов.

 Petek
легче всего, думаю, поместить эти картинки-кнопки в невидимый div (свойство display: none) в коде страницы

Цитата:
erobrand: чё это?

 Skat
erobrand писал:

+1 это самый лучший вариант и довольно понятный

 adde.biz
угу. спрайты прикольно.
жаль для анимированных кнопок спрайт не пойдёт

 Analytic
adde.biz писал:
Если анимированная кнопка - это Gif, то я не вижу проблемы в создание спрайта. Всё тоже самое.
Вообще спрайты - это действительно лучше всяческих скриптов.

 DoubleLord
pinnokio
Цитата:

Браузера, лично у меня во всех все работает начиная с ИЕ5
Кстате вот спецификация : Код:

Image Map хороший вариант спасибо pinnokio


goodlover
Цитата:
Очень хороший вариант и самое главное быстро реализуется Спасибо , не знаю как сам до этотго не додумался!!

Цитата:

ТОже спасибо !Petek

Скриптами не очень хочется допустим если это галя или фрих то желательно что бы там вообще небыло жава!!
Всем спасибо рейтинги проставил!!!

 pinnokio
Petek писал:

Тоже что и Image Map.

 erobrand
Petek писал:

Это пошло=)


Цитата:

Css Sprites очень занятная техника вёрстки, посредством которой можно сформировать практически всю графику сайтв в парочку изображений. На выходе это значимый прирост скорости загрузки сайта в целом. Более крупное изображение грузится быстрее сотни мелких, а также, если скомпоновать элементы графики с умом, то можно, сохраняя их для веба, добиться также их лучшей оптимизации и соотвественно ещё меньшего веса.

Если структура не очень сложна, то можно в идеале одеть ресурс 2-3 картинками, что очень здорово. Пара секунд и вуаля, ваш ресурс не собирается мозайкой, а враз раскрывает свои объятья =)

Меню с использованием данной технологии частный случай, подгружается полная картинка бэкграунда а на hover просто менятся параметр его позиционирования.

Как то так =)

 Petek
это когда все варианты кнопки на одной картинке и при наведении меняется только background-position?
я и не знал что у этого своё название есть )

да, этот способ лучше всего

 Petek
erobrand: ага, спасибо, я уже понял )

 adde.biz
Analytic писал:

это если анимашка по циклу.
а если один раз?