Потребител Парола | Регистрация | Забравена парола
Меню
· Начало
· Файлове
· Форум
· Връзки
· Категории на уроците
· За контакти
· Фото галерия
· Търсене
Кажи на приятел

Вашия email:
email на приятел:
Копие за вас?
Реклама

CSS за презареждане на картинки

CSSПринципът за презареждане на картинки е прост: от началото, което започне да се зарежда html кода на страницата големите картинки се зареждат в паметта (не не можете да ги видите), така че при повторно използване не е нужно да се зареждат на ново.

За това по-принцип се използва javascript.

* Много е подходящо за картинките на първа страница, които се използват в останалата част от страницата.

* Също така е много полезен за предварително зареждане на картинки, които използвате за "hover" (когато мишката е в/у дадена картинка тя да се сменя).

За презареждане на картинките ще използваме само CSS.

Принципа е много прост: трика е да заредите картинките в началото без да ги показвате. За целта се използва css атрибута: display :none.
Поставете css кода директно в тага на картинката. Поставете таговете за картинките, които трябва да се презаредят след тага:


Празните АЛТ тагове са важни, за да са невидими картинките за браузъра.

Старите браузъри като Netscape 4 не разпознават атрибута "display: none" и ще покажат скритите картинки.
Друг начин:

Някой версии на Internet Explorer възприемат "display: none" буквално и не изчитат въобще картинките (и не се записват в паметта)

Друг начин да се заобиколи това неудобство е да се зареждат картинките в началото на файла, където никой няма да ги види. Примерно -5000 пиксела от върха на страницата.

Използвайте "position: absolute" за да позиционирате картинки там където няма да се видят от никого.



Ако виждате този текст значи, че браузърът ви не поддържа CSS.



· smilev на January 12 2011 10:54:55 · 0 Коментари · 1873 Прочитания · Отпечатай
Коментари
Няма добавени коментари.
Напиши коментар
Моля влезте, за да коментирате.
Оценка
Рейтингите са достъпни само за регистрирани.

Моля влезте или се регистрирайте за да гласувате.

Няма оценки.
Вход
Потребител

Парола



Не сте регистрирани?
Натиснете тук за регистрация.

Забравена парола?
Натиснете тук за нова.
Анкета
С каква операционна система работите











Трябва да влезете за да гласувате.
ЧАТ
Трябва да влезате за да пуснете съобщение.

Няма съобщения.
Статистика