<?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>&#8235;Htm - אחלה טיפים לבניית אתרים &#187; גלרייה&#8236;</title>	<atom:link href="http://www.htm.co.il/tag/%d7%92%d7%9c%d7%a8%d7%99%d7%99%d7%94/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.htm.co.il</link>
	<description>&#8235;מדריכים ומאמרים בנושא בניית אתרים. כל יום משהו חדש ללמוד, וליישם.&#8236;</description>	<lastBuildDate>Wed, 18 Jan 2012 09:32:13 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>il</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>&#8235;גלריית פלאש על בסיס XML מתנה!&#8236;</title>		<link>http://www.htm.co.il/2010/01/17/%d7%92%d7%9c%d7%a8%d7%99%d7%99%d7%aa-%d7%a4%d7%9c%d7%90%d7%a9-%d7%a2%d7%9c-%d7%91%d7%a1%d7%99%d7%a1-xml-%d7%9e%d7%aa%d7%a0%d7%94/</link>
		<comments>http://www.htm.co.il/2010/01/17/%d7%92%d7%9c%d7%a8%d7%99%d7%99%d7%aa-%d7%a4%d7%9c%d7%90%d7%a9-%d7%a2%d7%9c-%d7%91%d7%a1%d7%99%d7%a1-xml-%d7%9e%d7%aa%d7%a0%d7%94/#comments</comments>
		<pubDate>Sun, 17 Jan 2010 11:23:21 +0000</pubDate>
		<dc:creator>&#8235;אורן רוט&#8236;</dc:creator>				<category><![CDATA[בניית אתרים]]></category>
		<category><![CDATA[עיצוב אתרים]]></category>
		<category><![CDATA[lightbox]]></category>
		<category><![CDATA[XML]]></category>
		<category><![CDATA[גלרייה]]></category>
		<category><![CDATA[גלריית תמונות]]></category>
		<category><![CDATA[פלאש]]></category>

		<guid isPermaLink="false">http://www.htm.co.il/?p=988</guid>
		<description><![CDATA[&#8235;לאחר תקופה ארוכה שלא פרסמתי כאן פוסט למרות שממש רציתי הגיע הזמן לפנק אתכם בגלריית פלאש מקורית. הגלריה טוענת תמונות מתוך XML ומאפשרת פתיחת כל תמונה עם lightbox.&#8236;]]></description>			<content:encoded><![CDATA[<div dir="rtl"><p>בחודשים האחרונים כמעט ולא היה לי זמן לכתוב שום פוסט וזאת מכוון ועבדתי על האתר של <a href="http://decor-d.com">חברת בניית האתרים שלי &#8211; דקור</a>. עכשיו לאחר שהאתר על הרגליים התפניתי לעשות מה שהרבה זמן רציתי כבר לעשות &#8211; לפרסם כאן פוסט. אז כמובן גם הפעם אני מצ'פר אתכם במתנה, והפעם גלריית פלאש מקורית (לא, לא כמו כל הגלריות שאפשר לבנות עם jQuery), שטוענת תמונות מתוך XML ומייצרת מסך מלא תמונות וכאשר לוחצים על תמונה היא נפתחת באמצעות <a href="http://www.htm.co.il/2009/03/19/lightbox-הוראות-שימוש">lightbox</a>. קרדיט גדול ל<a href="mailto: grimil@gmail.com">איתי גורן</a> שאיתו בניתי את הגלריה. תהנו.</p>
<div id="DemoAndCodeBtns"><a target="_blank" href="http://www.htm.co.il/lab/itaiOren"><span><</span>דוגמא<span>></span></a><a target="_blank" href="http://www.htm.co.il/lab/itaiOren/allFiles.zip"><span><</span>קוד<span>></span></a></div>
<div class="wp-caption alignnone" style="width: 590px"><img alt="picWin - גלריית פלאש עם טעינה מתוך XML" src="/wp-content/uploads/2010/01/picWin.png" title="picWin - גלריית פלאש עם טעינה מתוך XML" width="580" height="350" /><p class="wp-caption-text">picWin - גלריית פלאש עם טעינה מתוך XML</p></div>
<h3>אפשרויות:</h3>
<p><strong>1. הוספת תמונות מתוך XML &#8211; </strong><br />
ניתן להוסיף תמונות לתוך קובץ pics.xml. כל תמונה תקבל את המאפיינים הבאים:</p>
<div class="codecolorer-container xml default" style="overflow:auto;white-space:nowrap;border: 1px solid #9F9F9F;width:580px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br />2<br />3<br />4<br />5<br />6<br /></div></td><td><div class="xml codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;pic<span style="color: #000000; font-weight: bold;">&gt;</span></span></span> &nbsp;<br />
&nbsp; &nbsp; &nbsp; &nbsp;<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;dir<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>picDir/normal<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/dir<span style="color: #000000; font-weight: bold;">&gt;</span></span></span><br />
&nbsp; &nbsp; &nbsp; &nbsp;<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;big_dir<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>picDir/big<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/big_dir<span style="color: #000000; font-weight: bold;">&gt;</span></span></span> &nbsp;<br />
&nbsp; &nbsp; &nbsp; &nbsp;<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;name<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>1.jpg<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/name<span style="color: #000000; font-weight: bold;">&gt;</span></span></span> &nbsp;<br />
&nbsp; &nbsp; &nbsp; &nbsp;<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;desc<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>picture title<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/desc<span style="color: #000000; font-weight: bold;">&gt;</span></span></span> &nbsp;<br />
&nbsp; &nbsp; &nbsp;<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/pic<span style="color: #000000; font-weight: bold;">&gt;</span></span></span></div></td></tr></tbody></table></div>
<p><strong>dir -</strong> התיקייה בה תמצא התמונה לפלאש (התמונה הקטנה)<br />
<strong>big_dir -</strong> התיקייה בה התמונה ל-lightbox (התמונה הגדולה)<br />
<strong>name -</strong> שם קובץ התמונה (בשני התיקיות!)<br />
<strong>desc -</strong> יופיע כתיאור התמונה בתוך ה-lightbox.</p>
<p><strong>2. תוכלו לשנות את מספר הריבועים בפלאש באמצעות שינוי שורה מספר 6 בקובץ project.fla:</strong></p>
<div class="codecolorer-container actionscript3 default" style="overflow:auto;white-space:nowrap;border: 1px solid #9F9F9F;width:580px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br /></div></td><td><div class="actionscript3 codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #6699cc; font-weight: bold;">var</span> fdata<span style="color: #000066; font-weight: bold;">:</span>fData = <span style="color: #0033ff; font-weight: bold;">new</span> fData<span style="color: #000000;">&#40;</span>5<span style="color: #000066; font-weight: bold;">,</span>8<span style="color: #000066; font-weight: bold;">,</span><span style="color: #004993;">stage</span><span style="color: #000066; font-weight: bold;">.</span><span style="color: #004993;">stageWidth</span><span style="color: #000066; font-weight: bold;">,</span><span style="color: #004993;">stage</span><span style="color: #000066; font-weight: bold;">.</span><span style="color: #004993;">stageHeight</span><span style="color: #000066; font-weight: bold;">,</span><span style="color: #990000;">&quot;height&quot;</span><span style="color: #000000;">&#41;</span><span style="color: #000066; font-weight: bold;">;</span></div></td></tr></tbody></table></div>
<p>החליפו את הספרה 5 במס' השורות הרצוי ואת הספרה 8 במס' העמודות הרצוי.</p>
<h3>עוד באותו נושא:</h3><ul class="related_post"><li  class="relatedPost"><a href="http://www.htm.co.il/2009/09/10/%d7%92%d7%9c%d7%a8%d7%99%d7%99%d7%aa-%d7%a4%d7%9c%d7%90%d7%a9-%d7%9e%d7%aa%d7%a0%d7%94/" title="גלריית פלאש מתנה"><img src="http://htm.co.il/wp-content/post-images/303.jpg" />גלריית פלאש מתנה</a><div style="clear: both;"></div></li><li  class="relatedPost"><a href="http://www.htm.co.il/2009/09/24/%d7%98%d7%a2%d7%99%d7%a0%d7%aa-%d7%aa%d7%9e%d7%95%d7%a0%d7%95%d7%aa-%d7%91%d7%90%d7%9e%d7%a6%d7%a2%d7%95%d7%aa-jquery/" title="טעינת תמונות באמצעות jQuery"><img src="http://htm.co.il/wp-content/post-images/599.jpg" />טעינת תמונות באמצעות jQuery</a><div style="clear: both;"></div></li></ul></div>]]></content:encoded>			<wfw:commentRss>http://www.htm.co.il/2010/01/17/%d7%92%d7%9c%d7%a8%d7%99%d7%99%d7%aa-%d7%a4%d7%9c%d7%90%d7%a9-%d7%a2%d7%9c-%d7%91%d7%a1%d7%99%d7%a1-xml-%d7%9e%d7%aa%d7%a0%d7%94/feed/</wfw:commentRss>
		<slash:comments>51</slash:comments>
		</item>
	</channel>
</rss>



