2010-05-21 3 views
-2

Я использую большое фоновое изображение парения, который установлен в CSS background {....}Как предварительно загрузить изображения?

Это занимает время, чтобы загрузить в первый раз при наведении курсора мыши, так что я хочу, чтобы поджать это background изображения.

Каков наилучший вариант для этого, используя чистые css или javascript или jquery?

Pls не предлагает мне CSS Sprite.

+0

@Josh Stodola - потому, что в моем случае я не могу сделать или редактировать изображение. –

+0

gear-solid: изображение динамически загружено или оно всегда одно и то же? – nico

+0

Выберите свой любимый [дубликат] (http://www.google.com/search?q=preload+image+site:stackoverflow.com)! –

ответ

0

Если это для эффекта зависания, используйте css sprites и забудьте javascript. Легче и меньше запросов HTTP.

+1

в моем случае я не могу использовать css несмотря на то, что –

2

Вы можете взглянуть на методы CSS sprites, которые могут значительно уменьшить размер ваших изображений. Кстати, это поможет предварительно загружать все зависания или динамически меняющиеся изображения украшений, которые они загрузили при загрузке страницы.

+0

. Как получилось, что вы получили 3 upvotes за тот же ответ, когда я ответил первым? Во всяком случае, по-видимому, это не работает для него. – mpen

0

Или не загружать его как таковой.

Имейте изображение, содержащее оба состояния изображения, затем используйте CSS, чтобы переставить изображение, чтобы показать состояние, которое вы желаете.

Если у вас есть несколько изображений, возможно, стоит реализовать спрайт, как упоминалось кем-то другим.

Другая ссылка: http://www.smashingmagazine.com/2009/04/27/the-mystery-of-css-sprites-techniques-tools-and-tutorials/

1

Если изображение всегда то же самое, следующие будут делать это:

pic1= new Image(100,25); 
pic1.src="http://someplace.com/image1.gif"; 
+0

что это за js или css? –

+0

@mgs: это JS. – mpen

Смежные вопросы