CSS за презареждане на картинки
Публикувана от smilev на January 12 2011 10:54:55
Разширена новина
Принципът за презареждане на картинки е прост: от началото, което започне да се зарежда html кода на страницата големите картинки се зареждат в паметта (не не можете да ги видите), така че при повторно използване не е нужно да се зареждат на ново.
За това по-принцип се използва javascript.
* Много е подходящо за картинките на първа страница, които се използват в останалата част от страницата.
* Също така е много полезен за предварително зареждане на картинки, които използвате за "hover" (когато мишката е в/у дадена картинка тя да се сменя).
За презареждане на картинките ще използваме само CSS.
Принципа е много прост: трика е да заредите картинките в началото без да ги показвате. За целта се използва css атрибута: display :none.
Поставете css кода директно в тага на картинката. Поставете таговете за картинките, които трябва да се презаредят след тага:
Празните АЛТ тагове са важни, за да са невидими картинките за браузъра.
Старите браузъри като Netscape 4 не разпознават атрибута "display: none" и ще покажат скритите картинки.
Друг начин:
Някой версии на Internet Explorer възприемат "display: none" буквално и не изчитат въобще картинките (и не се записват в паметта)
Друг начин да се заобиколи това неудобство е да се зареждат картинките в началото на файла, където никой няма да ги види. Примерно -5000 пиксела от върха на страницата.
Използвайте "position: absolute" за да позиционирате картинки там където няма да се видят от никого.
Ако виждате този текст значи, че браузърът ви не поддържа CSS.