<?xml version="1.0" encoding="UTF-8" ?>
<?xml-stylesheet type="text/xsl" href="https://community.element14.com/cfs-file/__key/system/syndication/rss.xsl" media="screen"?><rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/"><channel><title>How to use the Image Gallery</title><link>https://community.element14.com/members-area/support/w/site-faq/18761/how-to-use-the-image-gallery</link><description /><dc:language>en-US</dc:language><generator>Telligent Community 12</generator><item><title>How to use the Image Gallery</title><link>https://community.element14.com/members-area/support/w/site-faq/18761/how-to-use-the-image-gallery</link><pubDate>Mon, 01 Feb 2016 14:02:27 GMT</pubDate><guid isPermaLink="false">93d5dcb4-84c2-446f-b2cb-99731719e767:291a9246-fe3a-41af-946b-a6384ce73d91</guid><dc:creator>Matt</dc:creator><comments>https://community.element14.com/members-area/support/w/site-faq/18761/how-to-use-the-image-gallery#comments</comments><description>Current Revision posted to Site FAQ by Matt on 2/1/2016 2:02:27 PM&lt;br /&gt;
&lt;p style="margin:0;"&gt;In the February 2015 site update we&amp;#39;ve added an image gallery that&amp;#39;s simple to use, and allows you to put a gallery in any piece of content you create. We&amp;#39;ve implemented it in such a way that people&amp;nbsp; can still see your images in a normal table if they&amp;#39;re viewing your content in an email notification or in our site&amp;#39;s activity stream.&lt;/p&gt;&lt;p style="margin:0;padding:0px;"&gt;&amp;nbsp;&lt;/p&gt;&lt;table border="1" class="jiveBorder" style="border:1px solid #000000;width:100%;"&gt;&lt;thead&gt;&lt;tr&gt;&lt;th style="border:1px solid black;border:1px solid #000000;padding:2px;color:#ffffff;background-color:#6690bc;text-align:center;" valign="middle"&gt;&lt;strong&gt;{gallery} Example Image Gallery&lt;br /&gt;&lt;/strong&gt;&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style="border:1px solid black;border:1px solid #000000;padding:2px;"&gt;&lt;p style="margin:0;"&gt;&lt;span&gt;&lt;a href="https://community.element14.com/resized-image/__size/620x460/__key/communityserver-wikis-components-files/00-00-00-06-51/8206.contentimage_5F00_66439.jpg"&gt;&lt;img alt="image" src="https://community-storage.element14.com/communityserver-components-secureimagefileviewer/communityserver/wikis/components/files/00/00/00/06/51/8206.contentimage_66439.jpg-620x460.jpg?sv=2016-05-31&amp;amp;sr=b&amp;amp;sig=I7ElXujD%2FyietHF6VE5t%2F4ZG%2BFTokfP%2BrQAkxAr8KX4%3D&amp;amp;se=2026-08-10T23%3A59%3A59Z&amp;amp;sp=r&amp;amp;_=KEo0fkv+KZSk4ItDamFYNw==" style="max-height: 460px;max-width: 620px;" /&gt;&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style="margin:0;"&gt;CC3200 Wi-Fi SoC Launchpad: Out the box and connecting it up&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td style="border:1px solid black;border:1px solid #000000;padding:2px;"&gt;&lt;p style="margin:0;"&gt;&lt;span&gt;&lt;a href="https://community.element14.com/resized-image/__size/620x344/__key/communityserver-wikis-components-files/00-00-00-06-51/4405.contentimage_5F00_66440.png"&gt;&lt;img loading="lazy" alt="image" src="https://community-storage.element14.com/communityserver-components-secureimagefileviewer/communityserver/wikis/components/files/00/00/00/06/51/4405.contentimage_66440.png-620x344.png?sv=2016-05-31&amp;amp;sr=b&amp;amp;sig=HIzAWkyJBSc2baRZNJDihFiGXY1M4btvR4Xr%2F2GEFBE%3D&amp;amp;se=2026-08-10T23%3A59%3A59Z&amp;amp;sp=r&amp;amp;_=ShtJyzH1RIc0PkRiEt0Bkw==" style="max-height: 344px;max-width: 620px;" /&gt;&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style="margin:0;"&gt;Arduino Yun&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td style="border:1px solid black;border:1px solid #000000;padding:2px;"&gt;&lt;p style="margin:0;"&gt;&lt;/p&gt;&lt;span&gt;&lt;a href="https://www.youtube.com/watch?v=mKYT6dCrBGc"&gt;www.youtube.com/watch&lt;/a&gt;&lt;/span&gt;&lt;p style="margin:0;"&gt;&lt;/p&gt;&lt;p style="margin:0;"&gt;YouTube and Vimeo videos work too: This is Ben Heck’s Raspberry Pi MAME Portable Part 2&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td style="border:1px solid black;border:1px solid #000000;padding:2px;"&gt;&lt;p style="margin:0;"&gt;&lt;span&gt;&lt;a href="https://community.element14.com/resized-image/__size/620x362/__key/communityserver-wikis-components-files/00-00-00-06-51/7624.contentimage_5F00_66441.jpg"&gt;&lt;img loading="lazy" alt="image" src="https://community-storage.element14.com/communityserver-components-secureimagefileviewer/communityserver/wikis/components/files/00/00/00/06/51/7624.contentimage_66441.jpg-620x362.jpg?sv=2016-05-31&amp;amp;sr=b&amp;amp;sig=90G1JbUNNELwhCc1Ync%2BIGx9H%2BAPAYoTK55XGpS75Sw%3D&amp;amp;se=2026-08-10T23%3A59%3A59Z&amp;amp;sp=r&amp;amp;_=aA/o8CqZMXuiZ32L5OcQ9Q==" style="max-height: 362px;max-width: 620px;" /&gt;&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style="margin:0;"&gt;LEDs are on: It&amp;#39;s ready to go!&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p style="margin:0;padding:0px;"&gt;&amp;nbsp;&lt;/p&gt;&lt;p style="margin:0;"&gt;&lt;span style="font-size:12pt;"&gt;&lt;strong&gt;Adding a gallery manually&lt;/strong&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style="margin:0;padding:0px;"&gt;&amp;nbsp;&lt;/p&gt;&lt;p style="margin:0;"&gt;All you’ll need to do is create a standard single column table and put ‘{gallery}’ in the table header.. this triggers some code to take all the images + text from each table cell, and push them all into a nice-looking gallery.&lt;/p&gt;&lt;p style="margin:0;padding:0px;"&gt;&amp;nbsp;&lt;/p&gt;&lt;p style="margin:0;"&gt;&lt;span style="font-size:12pt;"&gt;&lt;strong&gt;Adding a gallery via the helper dialog&lt;/strong&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style="margin:0;padding:0px;"&gt;&amp;nbsp;&lt;/p&gt;&lt;p style="margin:0;"&gt;There&amp;#39;s also a helper dialog in the Insert menu;&lt;/p&gt;&lt;p style="margin:0;"&gt;&lt;span&gt;&lt;a href="https://community.element14.com/resized-image/__size/222x315/__key/communityserver-wikis-components-files/00-00-00-06-51/contentimage_5F00_66442.png"&gt;&lt;img loading="lazy" alt="image" src="https://community-storage.element14.com/communityserver-components-secureimagefileviewer/communityserver/wikis/components/files/00/00/00/06/51/contentimage_66442.png-222x315.png?sv=2016-05-31&amp;amp;sr=b&amp;amp;sig=30AECDc6l5Xqz1GCYPVVjxUi0r4zWTMRPTCxkcbodak%3D&amp;amp;se=2026-08-10T23%3A59%3A59Z&amp;amp;sp=r&amp;amp;_=QiHbnOj7vMAyxfoSlzi8LQ==" style="max-height: 315px;max-width: 222px;" /&gt;&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style="margin:0;padding:0px;"&gt;&amp;nbsp;&lt;/p&gt;&lt;p style="margin:0;"&gt;This will present a dialog box where you can fill in a few options;&lt;/p&gt;&lt;p style="margin:0;padding:0px;"&gt;&amp;nbsp;&lt;/p&gt;&lt;p style="margin:0;"&gt;&lt;span&gt;&lt;a href="https://community.element14.com/resized-image/__size/511x347/__key/communityserver-wikis-components-files/00-00-00-06-51/contentimage_5F00_66443.png"&gt;&lt;img loading="lazy" alt="image" src="https://community-storage.element14.com/communityserver-components-secureimagefileviewer/communityserver/wikis/components/files/00/00/00/06/51/contentimage_66443.png-511x347.png?sv=2016-05-31&amp;amp;sr=b&amp;amp;sig=f%2FHBLTGbasy%2FGbQ38k1c1OndfE5wk%2BpQi9SxZaXwXcg%3D&amp;amp;se=2026-08-10T23%3A59%3A59Z&amp;amp;sp=r&amp;amp;_=jUNdWcUYKvDzsnQUgblxkA==" style="max-height: 347px;max-width: 511px;" /&gt;&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style="margin:0;padding:0px;"&gt;&amp;nbsp;&lt;/p&gt;&lt;p style="margin:0;"&gt;The table that gets inserted has prompts for what to do next... i.e. add you images (or youTube videos), and a title + caption;&lt;/p&gt;&lt;p style="margin:0;padding:0px;"&gt;&amp;nbsp;&lt;/p&gt;&lt;p style="margin:0;"&gt;&lt;span&gt;&lt;a href="https://community.element14.com/resized-image/__size/843x622/__key/communityserver-wikis-components-files/00-00-00-06-51/3007.contentimage_5F00_66444.png"&gt;&lt;img loading="lazy" alt="image" src="https://community-storage.element14.com/communityserver-components-secureimagefileviewer/communityserver/wikis/components/files/00/00/00/06/51/3007.contentimage_66444.png-843x622.png?sv=2016-05-31&amp;amp;sr=b&amp;amp;sig=Jidk3stu5QLqA3vtxIpx75FwOwMJWBjAgCCVpphMJrg%3D&amp;amp;se=2026-08-10T23%3A59%3A59Z&amp;amp;sp=r&amp;amp;_=f4tnNd2EhtX0bmjEefUt7w==" style="max-height: 622px;max-width: 843px;" /&gt;&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style="margin:0;padding:0px;"&gt;&amp;nbsp;&lt;/p&gt;&lt;p style="margin:0;"&gt;&lt;span style="font-size:12pt;"&gt;&lt;strong&gt;Gallery parameters&lt;/strong&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style="margin:0;padding:0px;"&gt;&amp;nbsp;&lt;/p&gt;&lt;p style="margin:0;"&gt;The helper dialog allows the user to set a few of the gallery parameters.. these are then added into the {gallery} command. Alternatively, you can add them in manually, e.g.&lt;/p&gt;&lt;p style="margin:0;"&gt;&lt;span&gt;&lt;a href="https://community.element14.com/resized-image/__size/800x322/__key/communityserver-wikis-components-files/00-00-00-06-51/3021.contentimage_5F00_66445.png"&gt;&lt;img loading="lazy" alt="image" src="https://community-storage.element14.com/communityserver-components-secureimagefileviewer/communityserver/wikis/components/files/00/00/00/06/51/3021.contentimage_66445.png-800x322.png?sv=2016-05-31&amp;amp;sr=b&amp;amp;sig=R2uLrNkAdaKMl8AE2ui07Fsqsuu8LisJlsy8C%2BrtRZE%3D&amp;amp;se=2026-08-10T23%3A59%3A59Z&amp;amp;sp=r&amp;amp;_=Cr6tBtXW4yhsn1YCm6I47g==" style="max-height: 322px;max-width: 800px;" /&gt;&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;&lt;script&gt;window.top.e14.func.queueScripts.add(function() { window.top.e14.func.e14DynaloadGallery(window.document);}, true );&lt;/script&gt;

&lt;div style="font-size: 90%;"&gt;Tags: site_functionality, image, feature, gallery&lt;/div&gt;
</description></item><item><title>How to use the Image Gallery</title><link>https://community.element14.com/members-area/support/w/site-faq/18761/how-to-use-the-image-gallery/revision/2</link><pubDate>Sat, 13 Nov 2021 20:55:25 GMT</pubDate><guid isPermaLink="false">93d5dcb4-84c2-446f-b2cb-99731719e767:291a9246-fe3a-41af-946b-a6384ce73d91</guid><dc:creator>cstanton</dc:creator><comments>https://community.element14.com/members-area/support/w/site-faq/18761/how-to-use-the-image-gallery#comments</comments><description>Revision 2 posted to Site FAQ by cstanton on 11/13/2021 8:55:25 PM&lt;br /&gt;
&lt;p style="margin:0;"&gt;In the February 2015 site update we&amp;#39;ve added an image gallery that&amp;#39;s simple to use, and allows you to put a gallery in any piece of content you create. We&amp;#39;ve implemented it in such a way that people&amp;nbsp; can still see your images in a normal table if they&amp;#39;re viewing your content in an email notification or in our site&amp;#39;s activity stream.&lt;/p&gt;
&lt;p style="margin:0;padding:0px;"&gt;&amp;nbsp;&lt;/p&gt;
&lt;table class="jiveBorder" style="border:1px solid #000000;width:100%;" border="1"&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th style="background-color:#6690bc;border:1px solid #000000;color:#ffffff;padding:2px;text-align:center;" valign="middle"&gt;&lt;strong&gt;{gallery} Example Image Gallery&lt;br /&gt;&lt;/strong&gt;&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td style="border:1px solid #000000;padding:2px;"&gt;
&lt;p style="margin:0;"&gt;&lt;span&gt;&lt;a href="https://community.element14.com/resized-image/__size/661x490/__key/communityserver-wikis-components-files/00-00-00-00-72/contentimage_5F00_66439.jpg"&gt;&lt;img alt="image" src="https://community-storage.element14.com/communityserver-components-secureimagefileviewer/communityserver/wikis/components/files/00/00/00/00/72/contentimage_66439.jpg-661x490.jpg?sv=2016-05-31&amp;amp;sr=b&amp;amp;sig=czzV5sZyOT89p%2BkGP4z9I61Mzm6%2B8GKyw4MIK3r00%2BE%3D&amp;amp;se=2026-08-10T23%3A59%3A59Z&amp;amp;sp=r&amp;amp;_=eMJHgYe7fSYfoBXjB+GO5Q==" style="max-height: 490px;max-width: 661px;" /&gt;&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style="margin:0;"&gt;CC3200 Wi-Fi SoC Launchpad: Out the box and connecting it up&lt;/p&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style="border:1px solid #000000;padding:2px;"&gt;
&lt;p style="margin:0;"&gt;&lt;span&gt;&lt;a href="https://community.element14.com/resized-image/__size/650x361/__key/communityserver-wikis-components-files/00-00-00-00-72/contentimage_5F00_66440.png"&gt;&lt;img loading="lazy" alt="image" src="https://community-storage.element14.com/communityserver-components-secureimagefileviewer/communityserver/wikis/components/files/00/00/00/00/72/contentimage_66440.png-650x361.png?sv=2016-05-31&amp;amp;sr=b&amp;amp;sig=V5gdvbQhEesjvWCltmmUsI89Ng69YNyZUIjNUyljMhY%3D&amp;amp;se=2026-08-10T23%3A59%3A59Z&amp;amp;sp=r&amp;amp;_=c/vosA4Oy0frZLJNmxmEnA==" style="max-height: 361px;max-width: 650px;" /&gt;&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style="margin:0;"&gt;Arduino Yun&lt;/p&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style="border:1px solid #000000;padding:2px;"&gt;
&lt;p style="margin:0;"&gt;&lt;/p&gt;
&lt;span&gt;&lt;a href="https://www.youtube.com/watch?v=mKYT6dCrBGc"&gt;www.youtube.com/watch&lt;/a&gt;&lt;/span&gt;
&lt;p style="margin:0;"&gt;&lt;/p&gt;
&lt;p style="margin:0;"&gt;YouTube and Vimeo videos work too: This is Ben Heck&amp;rsquo;s Raspberry Pi MAME Portable Part 2&lt;/p&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style="border:1px solid #000000;padding:2px;"&gt;
&lt;p style="margin:0;"&gt;&lt;span&gt;&lt;a href="https://community.element14.com/resized-image/__size/874x511/__key/communityserver-wikis-components-files/00-00-00-00-72/contentimage_5F00_66441.jpg"&gt;&lt;img loading="lazy" alt="image" src="https://community-storage.element14.com/communityserver-components-secureimagefileviewer/communityserver/wikis/components/files/00/00/00/00/72/contentimage_66441.jpg-874x511.jpg?sv=2016-05-31&amp;amp;sr=b&amp;amp;sig=lwDfxb5cHwCL2Ibp92BA7ocpA%2Fq0EUx9Zp5jL91iEqE%3D&amp;amp;se=2026-08-10T23%3A59%3A59Z&amp;amp;sp=r&amp;amp;_=gFY1DGhG6DkpcX4gYgw4Pg==" style="max-height: 511px;max-width: 874px;" /&gt;&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style="margin:0;"&gt;LEDs are on: It&amp;#39;s ready to go!&lt;/p&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p style="margin:0;padding:0px;"&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style="margin:0;"&gt;&lt;span style="font-size:12pt;"&gt;&lt;strong&gt;Adding a gallery manually&lt;/strong&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style="margin:0;padding:0px;"&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style="margin:0;"&gt;All you&amp;rsquo;ll need to do is create a standard single column table and put &amp;lsquo;{gallery}&amp;rsquo; in the table header.. this triggers some code to take all the images + text from each table cell, and push them all into a nice-looking gallery.&lt;/p&gt;
&lt;p style="margin:0;padding:0px;"&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style="margin:0;"&gt;&lt;span style="font-size:12pt;"&gt;&lt;strong&gt;Adding a gallery via the helper dialog&lt;/strong&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style="margin:0;padding:0px;"&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style="margin:0;"&gt;There&amp;#39;s also a helper dialog in the Insert menu;&lt;/p&gt;
&lt;p style="margin:0;"&gt;&lt;img loading="lazy" alt="image" style="max-height:360px;max-width:640px;" src="/resized-image/__size/1280x720/__key/communityserver-wikis-components-files/00-00-00-00-72/pastedimage1636834339614v9.png"  /&gt;&lt;/p&gt;
&lt;p style="margin:0;"&gt;&lt;span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style="margin:0;padding:0px;"&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style="margin:0;"&gt;This will present a dialog box where you can fill in a few options &lt;strong&gt;if you click &amp;#39;advanced&lt;/strong&gt;&amp;#39;;&lt;/p&gt;
&lt;p style="margin:0;"&gt;&lt;img loading="lazy" alt="image" style="max-height:360px;max-width:640px;" src="/resized-image/__size/1280x720/__key/communityserver-wikis-components-files/00-00-00-00-72/pastedimage1636834381186v10.png"  /&gt;&lt;/p&gt;
&lt;p style="margin:0;padding:0px;"&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style="margin:0;"&gt;&lt;span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style="margin:0;padding:0px;"&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style="margin:0;"&gt;The table that gets inserted has prompts for what to do next... i.e. add you images (or youTube videos), and a title + caption;&lt;/p&gt;
&lt;p style="margin:0;padding:0px;"&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style="margin:0;"&gt;&lt;span&gt;&lt;a href="https://community.element14.com/resized-image/__size/843x622/__key/communityserver-wikis-components-files/00-00-00-00-72/contentimage_5F00_66444.png"&gt;&lt;img loading="lazy" alt="image" src="https://community-storage.element14.com/communityserver-components-secureimagefileviewer/communityserver/wikis/components/files/00/00/00/00/72/contentimage_66444.png-843x622.png?sv=2016-05-31&amp;amp;sr=b&amp;amp;sig=G7JGPIjlrx7UOTpaCD6wO9IniZF%2B3NDV6QMz3Ii0nt4%3D&amp;amp;se=2026-08-10T23%3A59%3A59Z&amp;amp;sp=r&amp;amp;_=f4tnNd2EhtX0bmjEefUt7w==" style="max-height: 622px;max-width: 843px;" /&gt;&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style="margin:0;padding:0px;"&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style="margin:0;"&gt;&lt;span style="font-size:12pt;"&gt;&lt;strong&gt;Gallery parameters&lt;/strong&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style="margin:0;padding:0px;"&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style="margin:0;"&gt;The helper dialog allows the user to set a few of the gallery parameters.. these are then added into the {gallery} command. Alternatively, you can add them in manually, e.g.&lt;/p&gt;
&lt;p style="margin:0;"&gt;&lt;span&gt;&lt;a href="https://community.element14.com/resized-image/__size/800x322/__key/communityserver-wikis-components-files/00-00-00-00-72/contentimage_5F00_66445.png"&gt;&lt;img loading="lazy" alt="image" src="https://community-storage.element14.com/communityserver-components-secureimagefileviewer/communityserver/wikis/components/files/00/00/00/00/72/contentimage_66445.png-800x322.png?sv=2016-05-31&amp;amp;sr=b&amp;amp;sig=4zTAcF%2FRbtOFo5icCo9k2JasLiHWc16bm%2BiPfATyctM%3D&amp;amp;se=2026-08-10T23%3A59%3A59Z&amp;amp;sp=r&amp;amp;_=Cr6tBtXW4yhsn1YCm6I47g==" style="max-height: 322px;max-width: 800px;" /&gt;&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;&lt;script&gt;window.top.e14.func.queueScripts.add(function() { window.top.e14.func.e14DynaloadGallery(window.document);}, true );&lt;/script&gt;

&lt;div style="font-size: 90%;"&gt;Tags: site_functionality, image, feature, gallery&lt;/div&gt;
</description></item><item><title>How to use the Image Gallery</title><link>https://community.element14.com/members-area/support/w/site-faq/18761/how-to-use-the-image-gallery/revision/1</link><pubDate>Fri, 08 Oct 2021 08:15:04 GMT</pubDate><guid isPermaLink="false">93d5dcb4-84c2-446f-b2cb-99731719e767:291a9246-fe3a-41af-946b-a6384ce73d91</guid><dc:creator>Matt</dc:creator><comments>https://community.element14.com/members-area/support/w/site-faq/18761/how-to-use-the-image-gallery#comments</comments><description>Revision 1 posted to Site FAQ by Matt on 10/8/2021 8:15:04 AM&lt;br /&gt;
&lt;p style="margin:0;"&gt;In the February 2015 site update we&amp;#39;ve added an image gallery that&amp;#39;s simple to use, and allows you to put a gallery in any piece of content you create. We&amp;#39;ve implemented it in such a way that people&amp;nbsp; can still see your images in a normal table if they&amp;#39;re viewing your content in an email notification or in our site&amp;#39;s activity stream.&lt;/p&gt;&lt;p style="margin:0;padding:0px;"&gt;&amp;nbsp;&lt;/p&gt;&lt;table border="1" class="jiveBorder" style="border:1px solid #000000;width:100%;"&gt;&lt;thead&gt;&lt;tr&gt;&lt;th style="border:1px solid black;border:1px solid #000000;padding:2px;color:#ffffff;background-color:#6690bc;text-align:center;" valign="middle"&gt;&lt;strong&gt;{gallery} Example Image Gallery&lt;br /&gt;&lt;/strong&gt;&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style="border:1px solid black;border:1px solid #000000;padding:2px;"&gt;&lt;p style="margin:0;"&gt;&lt;span&gt;&lt;a href="https://community.element14.com/resized-image/__size/661x490/__key/communityserver-wikis-components-files/00-00-00-00-72/contentimage_5F00_66439.jpg"&gt;&lt;img alt="image" src="https://community-storage.element14.com/communityserver-components-secureimagefileviewer/communityserver/wikis/components/files/00/00/00/00/72/contentimage_66439.jpg-661x490.jpg?sv=2016-05-31&amp;amp;sr=b&amp;amp;sig=czzV5sZyOT89p%2BkGP4z9I61Mzm6%2B8GKyw4MIK3r00%2BE%3D&amp;amp;se=2026-08-10T23%3A59%3A59Z&amp;amp;sp=r&amp;amp;_=eMJHgYe7fSYfoBXjB+GO5Q==" style="max-height: 490px;max-width: 661px;" /&gt;&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style="margin:0;"&gt;CC3200 Wi-Fi SoC Launchpad: Out the box and connecting it up&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td style="border:1px solid black;border:1px solid #000000;padding:2px;"&gt;&lt;p style="margin:0;"&gt;&lt;span&gt;&lt;a href="https://community.element14.com/resized-image/__size/650x361/__key/communityserver-wikis-components-files/00-00-00-00-72/contentimage_5F00_66440.png"&gt;&lt;img loading="lazy" alt="image" src="https://community-storage.element14.com/communityserver-components-secureimagefileviewer/communityserver/wikis/components/files/00/00/00/00/72/contentimage_66440.png-650x361.png?sv=2016-05-31&amp;amp;sr=b&amp;amp;sig=V5gdvbQhEesjvWCltmmUsI89Ng69YNyZUIjNUyljMhY%3D&amp;amp;se=2026-08-10T23%3A59%3A59Z&amp;amp;sp=r&amp;amp;_=c/vosA4Oy0frZLJNmxmEnA==" style="max-height: 361px;max-width: 650px;" /&gt;&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style="margin:0;"&gt;Arduino Yun&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td style="border:1px solid black;border:1px solid #000000;padding:2px;"&gt;&lt;p style="margin:0;"&gt;&lt;/p&gt;&lt;span&gt;&lt;a href="https://www.youtube.com/watch?v=mKYT6dCrBGc"&gt;www.youtube.com/watch&lt;/a&gt;&lt;/span&gt;&lt;p style="margin:0;"&gt;&lt;/p&gt;&lt;p style="margin:0;"&gt;YouTube and Vimeo videos work too: This is Ben Heck’s Raspberry Pi MAME Portable Part 2&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td style="border:1px solid black;border:1px solid #000000;padding:2px;"&gt;&lt;p style="margin:0;"&gt;&lt;span&gt;&lt;a href="https://community.element14.com/resized-image/__size/874x511/__key/communityserver-wikis-components-files/00-00-00-00-72/contentimage_5F00_66441.jpg"&gt;&lt;img loading="lazy" alt="image" src="https://community-storage.element14.com/communityserver-components-secureimagefileviewer/communityserver/wikis/components/files/00/00/00/00/72/contentimage_66441.jpg-874x511.jpg?sv=2016-05-31&amp;amp;sr=b&amp;amp;sig=lwDfxb5cHwCL2Ibp92BA7ocpA%2Fq0EUx9Zp5jL91iEqE%3D&amp;amp;se=2026-08-10T23%3A59%3A59Z&amp;amp;sp=r&amp;amp;_=gFY1DGhG6DkpcX4gYgw4Pg==" style="max-height: 511px;max-width: 874px;" /&gt;&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style="margin:0;"&gt;LEDs are on: It&amp;#39;s ready to go!&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p style="margin:0;padding:0px;"&gt;&amp;nbsp;&lt;/p&gt;&lt;p style="margin:0;"&gt;&lt;span style="font-size:12pt;"&gt;&lt;strong&gt;Adding a gallery manually&lt;/strong&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style="margin:0;padding:0px;"&gt;&amp;nbsp;&lt;/p&gt;&lt;p style="margin:0;"&gt;All you’ll need to do is create a standard single column table and put ‘{gallery}’ in the table header.. this triggers some code to take all the images + text from each table cell, and push them all into a nice-looking gallery.&lt;/p&gt;&lt;p style="margin:0;padding:0px;"&gt;&amp;nbsp;&lt;/p&gt;&lt;p style="margin:0;"&gt;&lt;span style="font-size:12pt;"&gt;&lt;strong&gt;Adding a gallery via the helper dialog&lt;/strong&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style="margin:0;padding:0px;"&gt;&amp;nbsp;&lt;/p&gt;&lt;p style="margin:0;"&gt;There&amp;#39;s also a helper dialog in the Insert menu;&lt;/p&gt;&lt;p style="margin:0;"&gt;&lt;span&gt;&lt;a href="https://community.element14.com/resized-image/__size/222x315/__key/communityserver-wikis-components-files/00-00-00-00-72/contentimage_5F00_66442.png"&gt;&lt;img loading="lazy" alt="image" src="https://community-storage.element14.com/communityserver-components-secureimagefileviewer/communityserver/wikis/components/files/00/00/00/00/72/contentimage_66442.png-222x315.png?sv=2016-05-31&amp;amp;sr=b&amp;amp;sig=0MHi0xXkgUiHimXnlJxubspSkzKNEQhz%2BvNNAOnloaQ%3D&amp;amp;se=2026-08-10T23%3A59%3A59Z&amp;amp;sp=r&amp;amp;_=QiHbnOj7vMAyxfoSlzi8LQ==" style="max-height: 315px;max-width: 222px;" /&gt;&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style="margin:0;padding:0px;"&gt;&amp;nbsp;&lt;/p&gt;&lt;p style="margin:0;"&gt;This will present a dialog box where you can fill in a few options;&lt;/p&gt;&lt;p style="margin:0;padding:0px;"&gt;&amp;nbsp;&lt;/p&gt;&lt;p style="margin:0;"&gt;&lt;span&gt;&lt;a href="https://community.element14.com/resized-image/__size/511x347/__key/communityserver-wikis-components-files/00-00-00-00-72/contentimage_5F00_66443.png"&gt;&lt;img loading="lazy" alt="image" src="https://community-storage.element14.com/communityserver-components-secureimagefileviewer/communityserver/wikis/components/files/00/00/00/00/72/contentimage_66443.png-511x347.png?sv=2016-05-31&amp;amp;sr=b&amp;amp;sig=6Wu4uxAPb5QR9l8Gm1THtLWq%2BAPsU7KaO5gnIkDM%2FEM%3D&amp;amp;se=2026-08-10T23%3A59%3A59Z&amp;amp;sp=r&amp;amp;_=jUNdWcUYKvDzsnQUgblxkA==" style="max-height: 347px;max-width: 511px;" /&gt;&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style="margin:0;padding:0px;"&gt;&amp;nbsp;&lt;/p&gt;&lt;p style="margin:0;"&gt;The table that gets inserted has prompts for what to do next... i.e. add you images (or youTube videos), and a title + caption;&lt;/p&gt;&lt;p style="margin:0;padding:0px;"&gt;&amp;nbsp;&lt;/p&gt;&lt;p style="margin:0;"&gt;&lt;span&gt;&lt;a href="https://community.element14.com/resized-image/__size/843x622/__key/communityserver-wikis-components-files/00-00-00-00-72/contentimage_5F00_66444.png"&gt;&lt;img loading="lazy" alt="image" src="https://community-storage.element14.com/communityserver-components-secureimagefileviewer/communityserver/wikis/components/files/00/00/00/00/72/contentimage_66444.png-843x622.png?sv=2016-05-31&amp;amp;sr=b&amp;amp;sig=G7JGPIjlrx7UOTpaCD6wO9IniZF%2B3NDV6QMz3Ii0nt4%3D&amp;amp;se=2026-08-10T23%3A59%3A59Z&amp;amp;sp=r&amp;amp;_=f4tnNd2EhtX0bmjEefUt7w==" style="max-height: 622px;max-width: 843px;" /&gt;&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style="margin:0;padding:0px;"&gt;&amp;nbsp;&lt;/p&gt;&lt;p style="margin:0;"&gt;&lt;span style="font-size:12pt;"&gt;&lt;strong&gt;Gallery parameters&lt;/strong&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style="margin:0;padding:0px;"&gt;&amp;nbsp;&lt;/p&gt;&lt;p style="margin:0;"&gt;The helper dialog allows the user to set a few of the gallery parameters.. these are then added into the {gallery} command. Alternatively, you can add them in manually, e.g.&lt;/p&gt;&lt;p style="margin:0;"&gt;&lt;span&gt;&lt;a href="https://community.element14.com/resized-image/__size/800x322/__key/communityserver-wikis-components-files/00-00-00-00-72/contentimage_5F00_66445.png"&gt;&lt;img loading="lazy" alt="image" src="https://community-storage.element14.com/communityserver-components-secureimagefileviewer/communityserver/wikis/components/files/00/00/00/00/72/contentimage_66445.png-800x322.png?sv=2016-05-31&amp;amp;sr=b&amp;amp;sig=4zTAcF%2FRbtOFo5icCo9k2JasLiHWc16bm%2BiPfATyctM%3D&amp;amp;se=2026-08-10T23%3A59%3A59Z&amp;amp;sp=r&amp;amp;_=Cr6tBtXW4yhsn1YCm6I47g==" style="max-height: 322px;max-width: 800px;" /&gt;&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;&lt;script&gt;window.top.e14.func.queueScripts.add(function() { window.top.e14.func.e14DynaloadGallery(window.document);}, true );&lt;/script&gt;

&lt;div style="font-size: 90%;"&gt;Tags: site_functionality, image, feature, gallery&lt;/div&gt;
</description></item></channel></rss>