<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Мир CSS &#187; загрузка</title>
	<atom:link href="http://cssworld.ru/tag/zagruzka/feed/" rel="self" type="application/rss+xml" />
	<link>http://cssworld.ru</link>
	<description>Про css, html, ajax и многое другое...</description>
	<lastBuildDate>Tue, 22 May 2012 19:01:42 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Быстрая подзагрузка картинок</title>
		<link>http://cssworld.ru/bystraya-podzagruzka-kartinok/</link>
		<comments>http://cssworld.ru/bystraya-podzagruzka-kartinok/#comments</comments>
		<pubDate>Thu, 09 Oct 2008 15:19:03 +0000</pubDate>
		<dc:creator>cssmaster</dc:creator>
				<category><![CDATA[CSS-Приемы]]></category>
		<category><![CDATA[загрузка]]></category>
		<category><![CDATA[изображения]]></category>

		<guid isPermaLink="false">http://cssworld.ru/?p=98</guid>
		<description><![CDATA[Бывает, что изображение должно появиться мгновенно, например индикатор загрузки. Но из-за медленного соединении. То есть изображение должно попасть в кэш браузера пользователя при начальной загрузке страницы. На самом деле все просто: &#60;div class=&#171;hide&#187;&#62;&#60;img src=&#171;images/my_animation.gif&#187;&#60;/div&#62; CSS правило, которое скрывает блок с классом hide: .hide { display: none; } Подсмотрено здесь Смотрите также Текст &#8211; в изображение [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcssworld.ru%2Fbystraya-podzagruzka-kartinok%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcssworld.ru%2Fbystraya-podzagruzka-kartinok%2F&amp;style=normal&amp;service=TinyURL.com" height="61" width="50" /><br />
			</a>
		</div>
<p>Бывает, что изображение должно появиться мгновенно, например индикатор загрузки. Но из-за медленного соединении. То есть изображение должно попасть в кэш браузера пользователя при начальной загрузке страницы.</p>
<p>На самом деле все просто:</p>
<div style="white-space: nowrap;">
<ol>
<li>
<div><span><span>&lt;div</span> <span>class</span>=<span>&laquo;hide&raquo;</span><span>&gt;</span></span><span><span>&lt;img</span> <span>src</span>=<span>&laquo;images/my_animation.gif&raquo;</span><span>&lt;/div&gt;</span></span></div>
</li>
</ol>
</div>
<p>CSS правило, которое скрывает блок с классом <code>hide</code>:</p>
<div style="white-space: nowrap;">
<ol>
<li>
<div><span>.hide</span> <span>{</span></div>
</li>
<li>
<div><span>display</span>: <span>none</span>;</div>
</li>
<li>
<div><span>}</span></div>
</li>
</ol>
<p>Подсмотрено <a href="http://www.simplecoding.org/nezametnaya-zagruzka-kartinok.html">здесь</a></div>

	<h4>Смотрите также</h4>
	<ul class="st-related-posts">
	<li><a href="http://cssworld.ru/tekst-v-izobrazhenie/" title="Текст &#8211; в изображение (Октябрь 23, 2008)">Текст &#8211; в изображение</a> </li>
	<li><a href="http://cssworld.ru/gradientnyj-zagolovok-bez-ispolzovaniya-izobrazheniya/" title="Градиентный заголовок без использования изображения (Ноябрь 27, 2008)">Градиентный заголовок без использования изображения</a> </li>
	<li><a href="http://cssworld.ru/jquery-gallery/" title="Pikachoose: jQuery-галерея (Май 14, 2010)">Pikachoose: jQuery-галерея</a> </li>
	<li><a href="http://cssworld.ru/jquery-overlay/" title="jQuery Наложение (Апрель 5, 2010)">jQuery Наложение</a> </li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/bystraya-podzagruzka-kartinok/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

