<?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=ZpHAwpwkC2xsiwODXPZywaGQ3huD1Ip%2Ftz%2BChyrxbsw%3D&amp;amp;se=2026-11-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=O5XSL3%2FdntiZsL34vP3nQ5rszr57xdqtvlZS0ogUhUs%3D&amp;amp;se=2026-11-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=MMmCbT2vLZbvZpPpx4T4GH4CsE7oAGT29f69bXaE6Ks%3D&amp;amp;se=2026-11-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=J5CEEjCxa7pyVfXkAV9RYVTnwFgGgL2wiMNU2eH9ji4%3D&amp;amp;se=2026-11-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=4w2AWH9B6N%2BDzsGYOPD3XYRWn06sGxOB6UAyLOp1cxY%3D&amp;amp;se=2026-11-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=4PL%2BOEfQwvY%2BdCOAKfvg%2FiUxi0sc2MBxapFooqWjK14%3D&amp;amp;se=2026-11-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=Lonk%2B4v%2FwWuVSb71daSbGAS7G1U0iX0lVFNb7Weeo0A%3D&amp;amp;se=2026-11-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=BvHRfO9P5cehMGNC9BlYVq4%2BH2tR0TX5GXYmPgWF0Xk%3D&amp;amp;se=2026-11-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=Z6DLxj1ZYN0cs84WbegzFZ9sbqxofw2RjG28s4IyJsE%3D&amp;amp;se=2026-11-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=WGNhQ3pwVeb1%2BS%2Fv3Xa9QmGVNq%2BpPeaKzPy95%2F1ELTA%3D&amp;amp;se=2026-11-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=G71kkKD2g8A2uByIoSSb%2F46I76nQrpRdyP6r0zmJkRw%3D&amp;amp;se=2026-11-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=hVcV8DTc%2F2Xv1uI5Kbo2r034mTtexsQ8YXtIGk0%2F%2F3k%3D&amp;amp;se=2026-11-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=BvHRfO9P5cehMGNC9BlYVq4%2BH2tR0TX5GXYmPgWF0Xk%3D&amp;amp;se=2026-11-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=Z6DLxj1ZYN0cs84WbegzFZ9sbqxofw2RjG28s4IyJsE%3D&amp;amp;se=2026-11-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=WGNhQ3pwVeb1%2BS%2Fv3Xa9QmGVNq%2BpPeaKzPy95%2F1ELTA%3D&amp;amp;se=2026-11-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=mxKDJaDwjOTHz3UiKu4UufaaOYvoZP40dElPTBu69lM%3D&amp;amp;se=2026-11-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=rEMKwO%2FeCxffesbOAzg35q%2F8D%2Ba9a9I5sgQ5Ru2zBwo%3D&amp;amp;se=2026-11-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=G71kkKD2g8A2uByIoSSb%2F46I76nQrpRdyP6r0zmJkRw%3D&amp;amp;se=2026-11-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=hVcV8DTc%2F2Xv1uI5Kbo2r034mTtexsQ8YXtIGk0%2F%2F3k%3D&amp;amp;se=2026-11-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>