<?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/izobrazheniya/feed/" rel="self" type="application/rss+xml" />
	<link>http://cssworld.ru</link>
	<description>Про css, html, ajax и многое другое...</description>
	<lastBuildDate>Tue, 07 Sep 2010 09:43:26 +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>Pikachoose: jQuery-галерея</title>
		<link>http://cssworld.ru/jquery-gallery/</link>
		<comments>http://cssworld.ru/jquery-gallery/#comments</comments>
		<pubDate>Fri, 14 May 2010 08:47:56 +0000</pubDate>
		<dc:creator>cssmaster</dc:creator>
				<category><![CDATA[Интересное]]></category>
		<category><![CDATA[галереи]]></category>
		<category><![CDATA[изображения]]></category>

		<guid isPermaLink="false">http://cssworld.ru/?p=375</guid>
		<description><![CDATA[Pikachoose представляет собой легкий плагин JQuery, который позволяет вам легко создавать фото галереи с настройкой параметров для слайд-шоу. Есть кнопки навигации и автоматического воспроизведения. Она также позволяет вам добавить больше чем одну галерею на одной странице. Pikachoose работает во всех основных веб-браузерах. Pickachoose использует простую разметку (неупорядоченный список, содержащий изображения и подписи) и его очень [...]]]></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%2Fjquery-gallery%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcssworld.ru%2Fjquery-gallery%2F&amp;style=normal&amp;service=TinyURL.com" height="61" width="50" /><br />
			</a>
		</div>
<p><img src="http://cssworld.ru/wp-content/uploads/2010/05/picachoo.jpg" alt="" title="picachoo" width="540" height="523" class="alignnone size-full wp-image-376" /><br />
Pikachoose представляет собой легкий плагин JQuery, который позволяет вам легко создавать фото галереи с настройкой параметров  для слайд-шоу. Есть кнопки навигации и автоматического воспроизведения. Она также позволяет вам добавить больше чем одну галерею на одной странице. Pikachoose работает во всех основных веб-браузерах.<br />
<span id="more-375"></span></p>
<p>Pickachoose использует простую разметку (неупорядоченный список, содержащий изображения и подписи) и его очень встроить в любую страницу. Вы можете настроить внешний вид вашей галереи / слайд-шоу путем изменения CSS. Предлагаются также варианты конфигурации позволяющий настроить различные функции:</p>
<ul>
<li>Несколько галереи на одной странице</li>
<li>Автоматическое создание миниатюры</li>
<li>Эффекты при смене изображений</li>
<li>Включение / отключение Подписи</li>
<li>Переключение режима слайд-шоу/ручное переключение</li>
<li>Включение / отключение кнопок &laquo;Вперед&raquo; / &laquo;Назад&raquo;</li>
<li>Высота / Ширина миниатюры</li>
<li>Задержка</li>
<li>Собственные миниатюры</li>
</ul>
<p><a href="http://pikachoose.com/demo/">Демо</a> <a href="http://pikachoose.com/">Официальный сайт</a></p>

	<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/bystraya-podzagruzka-kartinok/" title="Быстрая подзагрузка картинок (Октябрь 9, 2008)">Быстрая подзагрузка картинок</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/jquery-gallery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery Наложение</title>
		<link>http://cssworld.ru/jquery-overlay/</link>
		<comments>http://cssworld.ru/jquery-overlay/#comments</comments>
		<pubDate>Mon, 05 Apr 2010 08:06:19 +0000</pubDate>
		<dc:creator>cssmaster</dc:creator>
				<category><![CDATA[Интересное]]></category>
		<category><![CDATA[изображения]]></category>
		<category><![CDATA[Модальные окна]]></category>
		<category><![CDATA[формы]]></category>

		<guid isPermaLink="false">http://cssworld.ru/?p=304</guid>
		<description><![CDATA[Наложение HTML поверх основной страницы является одним из самых распространенных функций в сайтах сегодня. Вам нужны разные пометки в различных ситуациях, таких как: 1. Увеличение и детальный просмотр товаров. 2. Предупреждения. 3. Модальные диалоги для обратной связи с пользователем. 4. &#171;Lighbox&#187;- стиль галереи изображений. Демо и документация Смотрите также Формы обратной связи Текст &#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%2Fjquery-overlay%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcssworld.ru%2Fjquery-overlay%2F&amp;style=normal&amp;service=TinyURL.com" height="61" width="50" /><br />
			</a>
		</div>
<p><img src="http://cssworld.ru/wp-content/uploads/2010/04/overlay.jpg" alt="" title="overlay" width="540" height="288" class="alignnone size-full wp-image-305" /><br />
Наложение HTML поверх основной страницы является одним из самых распространенных функций в сайтах сегодня. Вам нужны разные пометки в различных ситуациях, таких как:<br />
<span id="more-304"></span><br />
1. Увеличение и детальный просмотр товаров.<br />
2. Предупреждения.<br />
3. Модальные диалоги для обратной связи с пользователем.<br />
4. &laquo;Lighbox&raquo;- стиль галереи изображений.</p>
<p><a href="http://flowplayer.org/tools/overlay.html">Демо и документация</a></p>

	<h4>Смотрите также</h4>
	<ul class="st-related-posts">
	<li><a href="http://cssworld.ru/formy-obratnoj-svyazi/" title="Формы обратной связи (Октябрь 23, 2008)">Формы обратной связи</a> </li>
	<li><a href="http://cssworld.ru/tekst-v-izobrazhenie/" title="Текст &#8211; в изображение (Октябрь 23, 2008)">Текст &#8211; в изображение</a> </li>
	<li><a href="http://cssworld.ru/prostoj-sposob-ispolzovanie-ajax-v-formax/" title="Простой способ использования Ajax в формах (Октябрь 30, 2008)">Простой способ использования Ajax в формах</a> </li>
	<li><a href="http://cssworld.ru/true-radio-buttons/" title="Правильные Radio-Buttons (Май 24, 2009)">Правильные Radio-Buttons</a> </li>
	<li><a href="http://cssworld.ru/unmask-password/" title="Показываем пароль в формах (Август 20, 2010)">Показываем пароль в формах</a> </li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/jquery-overlay/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Градиентный заголовок без использования изображения</title>
		<link>http://cssworld.ru/gradientnyj-zagolovok-bez-ispolzovaniya-izobrazheniya/</link>
		<comments>http://cssworld.ru/gradientnyj-zagolovok-bez-ispolzovaniya-izobrazheniya/#comments</comments>
		<pubDate>Wed, 26 Nov 2008 21:05:13 +0000</pubDate>
		<dc:creator>cssmaster</dc:creator>
				<category><![CDATA[CSS-Приемы]]></category>
		<category><![CDATA[alpha]]></category>
		<category><![CDATA[заголовок]]></category>
		<category><![CDATA[изображения]]></category>

		<guid isPermaLink="false">http://cssworld.ru/?p=147</guid>
		<description><![CDATA[Мы уже как-то сталквались с подобной фишкой, но в данном случае эффект выполнен без изображений Смотрим Постовой: Блог для веб-программистов Смотрите также Текст &#8211; в изображение Быстрая подзагрузка картинок Pikachoose: jQuery-галерея jQuery Наложение]]></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%2Fgradientnyj-zagolovok-bez-ispolzovaniya-izobrazheniya%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcssworld.ru%2Fgradientnyj-zagolovok-bez-ispolzovaniya-izobrazheniya%2F&amp;style=normal&amp;service=TinyURL.com" height="61" width="50" /><br />
			</a>
		</div>
<p>Мы уже как-то сталквались с подобной фишкой, но в данном случае эффект выполнен без изображений<br />
<span id="more-147"></span><br />
<a href="http://dimox.name/gradient-headlines-only-with-css/"><strong>Смотрим</strong></a><br />
<strong>Постовой:</strong><br />
<a href='http://bolzamo.org.ru/'>Блог для веб-программистов</a></p>

	<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/bystraya-podzagruzka-kartinok/" title="Быстрая подзагрузка картинок (Октябрь 9, 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/gradientnyj-zagolovok-bez-ispolzovaniya-izobrazheniya/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Текст &#8211; в изображение</title>
		<link>http://cssworld.ru/tekst-v-izobrazhenie/</link>
		<comments>http://cssworld.ru/tekst-v-izobrazhenie/#comments</comments>
		<pubDate>Thu, 23 Oct 2008 05:02:19 +0000</pubDate>
		<dc:creator>cssmaster</dc:creator>
				<category><![CDATA[Интересное]]></category>
		<category><![CDATA[изображения]]></category>
		<category><![CDATA[приколюхи]]></category>
		<category><![CDATA[текст]]></category>

		<guid isPermaLink="false">http://cssworld.ru/?p=135</guid>
		<description><![CDATA[Прикольная приколюха. Скрипт делает из текста &#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%2Ftekst-v-izobrazhenie%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcssworld.ru%2Ftekst-v-izobrazhenie%2F&amp;style=normal&amp;service=TinyURL.com" height="61" width="50" /><br />
			</a>
		</div>
<p>Прикольная приколюха. Скрипт делает из текста &#8211; изображение. Пока не пойму зачем она нужна, если есть фотошоп. Разве что может пригодится тем кто использует в шапке изображение с нестандартным шрифтом и которое необходимо часто изменять.<br />
<span id="more-135"></span><br />
<a href="http://facelift.mawhorter.net/"><strong>Качать от сюда</strong></a></p>
<p><a href="http://facelift.mawhorter.net/examples/"><strong>Примеры</strong></a></p>

	<h4>Смотрите также</h4>
	<ul class="st-related-posts">
	<li><a href="http://cssworld.ru/what-is-it/" title="Что это? и из чего? (Май 4, 2010)">Что это? и из чего?</a> </li>
	<li><a href="http://cssworld.ru/tipografika-v-veb-dizajne/" title="Типографика в веб-дизайне (Январь 25, 2010)">Типографика в веб-дизайне</a> </li>
	<li><a href="http://cssworld.ru/tekstovyj-redaktor-dlya-vashego-sajta/" title="Текстовый редактор для вашего сайта (Апрель 6, 2010)">Текстовый редактор для вашего сайта</a> </li>
	<li><a href="http://cssworld.ru/tekst-pod-proizvolnym-uglom/" title="Текст под произвольным углом (Май 24, 2009)">Текст под произвольным углом</a> </li>
	<li><a href="http://cssworld.ru/good-justify/" title="Правильный justify (Март 27, 2010)">Правильный justify</a> </li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://cssworld.ru/tekst-v-izobrazhenie/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<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>
