<?xml version="1.0" encoding="utf-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	>
<channel>
	<title>Comments on: Rychlé rollovery pro textové elementy</title>
	<atom:link href="http://blog.filosof.biz/rychle-rollovery-pro-textove-elementy/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.filosof.biz/rychle-rollovery-pro-textove-elementy/</link>
	<description>Deníček jednoho skautského webdesignera.</description>
	<pubDate>Thu, 28 Aug 2008 08:25:04 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.5.1</generator>
		<item>
		<title>By: myf</title>
		<link>http://blog.filosof.biz/rychle-rollovery-pro-textove-elementy/#comment-10269</link>
		<dc:creator>myf</dc:creator>
		<pubDate>Thu, 10 May 2007 09:05:05 +0000</pubDate>
		<guid isPermaLink="false">http://blog.filosof.biz/rychle-rollovery-pro-neurcite-elementy/#comment-10269</guid>
		<description><p>&lt;texy&gt;Pro zajímavost, víte vůbec co obnáší onen obávaný a všeobecně zavrhovaný &#8220;preload&#8221;? Vždy jsem si pod tím představoval divoký javascript, zbytnělé HTML se skrytými tagy IMG nebo bůhvíco ještě odpornějšího. A ono je to vlastně až bolestně prosté, a zdaleka to není tak hnusné (jenom trochu potměšilé): vlastně stačí v CSS všechny načteníhodné obrázky přiřadit jako background-image &#8230; &#8220;něčemu&#8221;. Ano, všechny. A pak tomu &#8220;něčemu&#8221; klidně žádné pozadí nedat :) Browser si (jak mi před časem vysvětlil dgx) sáhne (a stáhne) všechno, co kde najde; bez ohledu na to, jestli se to v danou chvíli může někde zobrazit nebo ne. (Nemusí to myslím platit pro object-y, ale to je jiné téma). Myslím, že takové &#8216;body { background-image: url(pic1); background-image: url(pic2); 3,4 &#8230; background-image: none; }&#8216; by teoreticky mělo fungovat (nezkoušel jsem to). Jo a nevymyslel jsem to; narazil jsem &#8220;na to&#8221;:http://snipplr.com/view/2122/css-image-preloader/ poprvé asi &#8220;tady&#8221;:http://www.smashingmagazine.com/2007/01/19/53-css-techniques-you-couldnt-live-without/</p>
<p>[12] tak tak. Ale projevuje se to myslím jenom za specifických okolností (které nemůže webdesignér ovlivnit, třeba zakázaná cache myslím). Možné řešení nadhodil už pixy: dát &#8220;aktivní&#8221; pozadí nikoliv odkazu, ale jeho obalu a aktivní pozadí odkazu schovávat. Samozřejmě, ve většině případů je to bohužel nepoužitelné.</p>
</description>
		<content:encoded><![CDATA[
<p>Pro zajímavost, víte vůbec co obnáší onen obávaný a všeobecně
zavrhovaný „preload“? Vždy jsem si pod tím představoval divoký
javascript, zbytnělé HTML se skrytými tagy IMG nebo bůhvíco ještě
odpornějšího. A ono je to vlastně až bolestně prosté, a zdaleka to není
tak hnusné (jenom trochu potměšilé): vlastně stačí v CSS všechny
načteníhodné obrázky přiřadit jako background-image … „něčemu“.
Ano, všechny. A pak tomu „něčemu“ klidně žádné pozadí nedat :)
Browser si (jak mi před časem vysvětlil dgx) sáhne (a stáhne) všechno, co
kde najde; bez ohledu na to, jestli se to v danou chvíli může někde
zobrazit nebo ne. (Nemusí to myslím platit pro object-y, ale to je jiné
téma). Myslím, že takové ‘body { background-image: url(pic1);
background-image: url(pic2); 3,4 … background-image: none; }‘ by teoreticky
mělo fungovat (nezkoušel jsem to). Jo a nevymyslel jsem to; narazil jsem <a href="http://snipplr.com/view/2122/css-image-preloader/" rel="nofollow">na
to</a> poprvé asi <a href="http://www.smashingmagazine.com/2007/01/19/53-css-techniques-you-couldnt-live-without/"
rel="nofollow">tady</a></p>

<p>[12] tak tak. Ale projevuje se to myslím jenom za specifických okolností
(které nemůže webdesignér ovlivnit, třeba zakázaná cache myslím).
Možné řešení nadhodil už pixy: dát „aktivní“ pozadí nikoliv odkazu,
ale jeho obalu a aktivní pozadí odkazu schovávat. Samozřejmě, ve většině
případů je to bohužel nepoužitelné.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Ondra D.</title>
		<link>http://blog.filosof.biz/rychle-rollovery-pro-textove-elementy/#comment-10268</link>
		<dc:creator>Ondra D.</dc:creator>
		<pubDate>Thu, 10 May 2007 08:02:20 +0000</pubDate>
		<guid isPermaLink="false">http://blog.filosof.biz/rychle-rollovery-pro-neurcite-elementy/#comment-10268</guid>
		<description><p>&lt;texy&gt;Problem je v tom, ze problem je v IE6. Tam jakykoliv preloader nefunguje, protoze IE nema rad obrazek v pozadi odkazu. Takze v nem to vzdycky tak skarede blikne. To, kdyby nekdo dokazal vyresit&#8230;</p>
</description>
		<content:encoded><![CDATA[
<p>Problem je v tom, ze problem je v IE6. Tam jakykoliv preloader nefunguje,
protoze IE nema rad obrazek v pozadi odkazu. Takze v nem to vzdycky tak
skarede blikne. To, kdyby nekdo dokazal vyresit…</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: jan korbel</title>
		<link>http://blog.filosof.biz/rychle-rollovery-pro-textove-elementy/#comment-10267</link>
		<dc:creator>jan korbel</dc:creator>
		<pubDate>Thu, 10 May 2007 07:03:49 +0000</pubDate>
		<guid isPermaLink="false">http://blog.filosof.biz/rychle-rollovery-pro-neurcite-elementy/#comment-10267</guid>
		<description><p>&lt;texy&gt;[10] - Jasný, to nemělo být, jakože jsem psal to samé, jen mi to přišlo jako související článek.</p>
<p>Jinak k té mezeře mezi obrázky. Safari (včetně 2.0.4) má problém s interpretováním obrázků, kde   není pod stavem ještě mezera - nějak to spojí. Příklad: <a href="http://www.networkmanagement.cz/cenik.php" rel="nofollow">http://www.networkmanagement.cz/cenik.php</a><br />
ty odkazy vpravo dole mají oba stavy šipky v Safari viditelné najednou, protože tam právě není ta mezera.</p>
</description>
		<content:encoded><![CDATA[
<p>[10] – Jasný, to nemělo být, jakože jsem psal to samé, jen mi to
přišlo jako související článek.</p>

<p>Jinak k té mezeře mezi obrázky. Safari (včetně 2.0.4) má problém
s interpretováním obrázků, kde není pod stavem ještě mezera – nějak
to spojí. Příklad: <a href="http://www.networkmanagement.cz/cenik.php"
rel="nofollow">http://www.networkmanagement.cz/cenik.php</a><br />
ty odkazy vpravo dole mají oba stavy šipky v Safari viditelné najednou,
protože tam právě není ta mezera.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Filosof</title>
		<link>http://blog.filosof.biz/rychle-rollovery-pro-textove-elementy/#comment-10266</link>
		<dc:creator>Filosof</dc:creator>
		<pubDate>Thu, 10 May 2007 06:44:20 +0000</pubDate>
		<guid isPermaLink="false">http://blog.filosof.biz/rychle-rollovery-pro-neurcite-elementy/#comment-10266</guid>
		<description><p>&lt;texy&gt;[6] - tohle je něco jiného - tvoje odkazy mají přesné rozměry, moje jsou text (i když je to principielně totéž)</p>
<p>[7] - ano, však je to to samé.. jen s větší mezerou :-)</p>
<p>[8] - doporučuju vlastní test.. udělej si totéž bez mezery a pak zvětš písmo..</p>
</description>
		<content:encoded><![CDATA[
<p>[6] – tohle je něco jiného – tvoje odkazy mají přesné rozměry,
moje jsou text (i když je to principielně totéž)</p>

<p>[7] – ano, však je to to samé.. jen s větší mezerou <img src="http://blog.filosof.biz/wp-includes/images/smilies/icon_smile.gif"
alt=":-)" class="smiley" /></p>

<p>[8] – doporučuju vlastní test.. udělej si totéž bez mezery a pak
zvětš písmo..</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Tom</title>
		<link>http://blog.filosof.biz/rychle-rollovery-pro-textove-elementy/#comment-10265</link>
		<dc:creator>Tom</dc:creator>
		<pubDate>Thu, 10 May 2007 05:00:20 +0000</pubDate>
		<guid isPermaLink="false">http://blog.filosof.biz/rychle-rollovery-pro-neurcite-elementy/#comment-10265</guid>
		<description><p>&lt;texy&gt;Tak asi budu za lamu, ale mně to pomohlo&#8230; :-)</p>
</description>
		<content:encoded><![CDATA[
<p>Tak asi budu za lamu, ale mně to pomohlo… <img src="http://blog.filosof.biz/wp-includes/images/smilies/icon_smile.gif"
alt=":-)" class="smiley" /></p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Rdm</title>
		<link>http://blog.filosof.biz/rychle-rollovery-pro-textove-elementy/#comment-10264</link>
		<dc:creator>Rdm</dc:creator>
		<pubDate>Wed, 09 May 2007 22:02:24 +0000</pubDate>
		<guid isPermaLink="false">http://blog.filosof.biz/rychle-rollovery-pro-neurcite-elementy/#comment-10264</guid>
		<description><p>&lt;texy&gt;No já nepochopil proč je tam ta mezera mezi oběma obrázky? Má to být nějaké vylepšení nebo to bylo vytvořeno z pouhé nudy? :-D</p>
</description>
		<content:encoded><![CDATA[
<p>No já nepochopil proč je tam ta mezera mezi oběma obrázky? Má to být
nějaké vylepšení nebo to bylo vytvořeno z pouhé nudy? <img src="http://blog.filosof.biz/wp-includes/images/smilies/icon_biggrin.gif"
alt=":-D" class="smiley" /></p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Tomáš Kučera</title>
		<link>http://blog.filosof.biz/rychle-rollovery-pro-textove-elementy/#comment-10263</link>
		<dc:creator>Tomáš Kučera</dc:creator>
		<pubDate>Wed, 09 May 2007 21:25:19 +0000</pubDate>
		<guid isPermaLink="false">http://blog.filosof.biz/rychle-rollovery-pro-neurcite-elementy/#comment-10263</guid>
		<description><p>&lt;texy&gt;Mě to teda přijde to samé jako ty Pixyho rollovery&#8230;</p>
</description>
		<content:encoded><![CDATA[
<p>Mě to teda přijde to samé jako ty Pixyho rollovery…</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: jan korbel</title>
		<link>http://blog.filosof.biz/rychle-rollovery-pro-textove-elementy/#comment-10262</link>
		<dc:creator>jan korbel</dc:creator>
		<pubDate>Wed, 09 May 2007 20:44:38 +0000</pubDate>
		<guid isPermaLink="false">http://blog.filosof.biz/rychle-rollovery-pro-neurcite-elementy/#comment-10262</guid>
		<description><p>&lt;texy&gt;Před časem jsem napsal tutoriál na takový pokročilejší příklad - rollover pro libovolné množství náhledů, včetně čudlíků pro ty náhledy, pomocí jednoho obrázku.</p>
<p><a href="http://jankorbel.cz/2007/03/20/nahledy-ciste-pres-css/" rel="nofollow">http://jankorbel.cz/2007/03/20/nahledy-ciste-pres-css/</a></p>
</description>
		<content:encoded><![CDATA[
<p>Před časem jsem napsal tutoriál na takový pokročilejší příklad –
rollover pro libovolné množství náhledů, včetně čudlíků pro ty
náhledy, pomocí jednoho obrázku.</p>

<p><a href="http://jankorbel.cz/2007/03/20/nahledy-ciste-pres-css/"
rel="nofollow">http://jankorbel.cz/…te-pres-css/</a></p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Filosof</title>
		<link>http://blog.filosof.biz/rychle-rollovery-pro-textove-elementy/#comment-10261</link>
		<dc:creator>Filosof</dc:creator>
		<pubDate>Wed, 09 May 2007 20:29:45 +0000</pubDate>
		<guid isPermaLink="false">http://blog.filosof.biz/rychle-rollovery-pro-neurcite-elementy/#comment-10261</guid>
		<description><p>&lt;texy&gt;[4] příklady v Opeře fungují a nic světoborného to není :-)</p>
</description>
		<content:encoded><![CDATA[
<p>[4] příklady v Opeře fungují a nic světoborného to není <img src="http://blog.filosof.biz/wp-includes/images/smilies/icon_smile.gif"
alt=":-)" class="smiley" /></p>
]]></content:encoded>
	</item>
	<item>
		<title>By: noname</title>
		<link>http://blog.filosof.biz/rychle-rollovery-pro-textove-elementy/#comment-10260</link>
		<dc:creator>noname</dc:creator>
		<pubDate>Wed, 09 May 2007 20:17:24 +0000</pubDate>
		<guid isPermaLink="false">http://blog.filosof.biz/rychle-rollovery-pro-neurcite-elementy/#comment-10260</guid>
		<description><p>&lt;texy&gt;asi jsem to nepochopil, v opeře příklady nějak nefungují, takže neví co to má jako dělat, nepřijde mi na tom všem nic světoborného</p>
</description>
		<content:encoded><![CDATA[
<p>asi jsem to nepochopil, v opeře příklady nějak nefungují, takže neví
co to má jako dělat, nepřijde mi na tom všem nic světoborného</p>
]]></content:encoded>
	</item>
</channel>
</rss>
