<?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%aa-%d7%aa%d7%9e%d7%95%d7%a0%d7%95%d7%aa/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>
		<item>
		<title>&#8235;גלריית פלאש מתנה&#8236;</title>		<link>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/</link>
		<comments>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/#comments</comments>
		<pubDate>Thu, 10 Sep 2009 10:17:46 +0000</pubDate>
		<dc:creator>&#8235;אורן רוט&#8236;</dc:creator>				<category><![CDATA[בניית אתרים]]></category>
		<category><![CDATA[XML]]></category>
		<category><![CDATA[גלריה]]></category>
		<category><![CDATA[גלריית תמונות]]></category>
		<category><![CDATA[מתנה]]></category>
		<category><![CDATA[פלאש]]></category>
		<category><![CDATA[תמונות]]></category>

		<guid isPermaLink="false">http://www.htm.co.il/?p=303</guid>
		<description><![CDATA[&#8235;גלרייה מבוססת XML עם עיצוב מרהיב. הגלרייה דינאמית לחלוטין ותוכלו לשלבה בקלות בעבודה הבאה שלכם.&#8236;]]></description>			<content:encoded><![CDATA[<div dir="rtl"><p>היום החלטתי לצ'פר אתכם במתנה &#8211; גלריית פלאש שמובססת על בסיס נתונים של XML.</p>
<div id="DemoAndCodeBtns"><a href="http://www.htm.co.il/lab/flashGallery" target="_blank"><span>&lt;</span>דוגמא<span>&gt;</span></a><a href="http://www.htm.co.il/lab/flashGallery/flashGallery.rar" target="_blank"><span>&lt;</span>קוד<span>&gt;</span></a></div>
<p>את הגלרייה השגתי מצוות אומנים מוכשר מאוד <a href="http://www.flashden.net/user/ParkerAndKent" target="_blank">parker&amp;kent</a> &#8211; לקחתי את הגלריה עיברתתי אותה לגמריי (שתדעו לכם מאוד קשה לתרגם לעברית) ועכשיו היא מוכנה להורדה שלכם ולשימוש בכל פרוייקט שאתם צריכים גלריה.</p>
<p>היופי בגלרייה הזו היא שהיא ממש דינאמית ודרך קובץ settings.xml את יכולים לשנות את רוב הגדרות העיצוב. אתם יכולים לשים לב שבדוגמא שנתתי יש שתי גלריות ושתיהן מבוססות על אותו קובץ פלאש רק עם הגדרות xml שונות.</p>
<p>אז תהנו, אני אשמח לקבל פידבקים כאן בתגובות.</p>
<h3>עוד באותו נושא:</h3><ul class="related_post"><li  class="relatedPost"><a href="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/" title="גלריית פלאש על בסיס XML מתנה!"><img src="http://htm.co.il/wp-content/post-images/988.jpg" />גלריית פלאש על בסיס XML מתנה!</a><div style="clear: both;"></div></li><li  class="relatedPost"><a href="http://www.htm.co.il/2009/03/19/lightbox-%d7%94%d7%95%d7%a8%d7%90%d7%95%d7%aa-%d7%a9%d7%99%d7%9e%d7%95%d7%a9/" title="Lightwindow &#8211; הוראות שימוש (המדריך המלא)"><img src="http://htm.co.il/wp-content/post-images/210.jpg" />Lightwindow &#8211; הוראות שימוש (המדריך המלא)</a><div style="clear: both;"></div></li></ul></div>]]></content:encoded>			<wfw:commentRss>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/feed/</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
	</channel>
</rss>



