Website At 100: Slider

NV SLIDER FOR WORDPRESS

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
This plugin allows you to add content slider in your post, page or even in your theme sidebar it works like a charm without much knowledge in programming, using <a href="http://websiteat100.com/blog/category/wordpress/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Wordpress blog by websiteat100.com">WordPress </a>shortcode it works smoothly.</div>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
NV Slider use <a href="http://websiteat100.com/blog/category/wordpress/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Wordpress blog by websiteat100.com">WordPress’s </a>thumbnail support, so you have the power to crop or edit image size to suit your site need and if that seems hard for you not a problem this plugin also has a timthumb.php built-in so resizing and croping image is not your job <img alt=";)" src="http://www.sutanaryan.com/wp-includes/images/smilies/icon_wink.gif" style="border: 0px; height: auto; margin: 0px; max-width: 100%; vertical-align: middle;" title="" /></div>
<h3 style="background-color: white; color: #333333; font-family: 'Droid Sans'; font-size: 16px; font-weight: 200; letter-spacing: -0.1px; line-height: 20px; margin-top: 0px; padding: 0px; text-align: justify;">
Download Plugin</h3>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
Download the plugin at<a href="http://websiteat100.com/blog/category/wordpress/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Wordpress blog by websiteat100.com">WordPress</a> Repository.</div>
<h3 style="background-color: white; color: #333333; font-family: 'Droid Sans'; font-size: 16px; font-weight: 200; letter-spacing: -0.1px; line-height: 20px; margin-top: 0px; padding: 0px; text-align: justify;">
Features</h3>
<ul style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; list-style: square outside; margin: 20px 0px 20px 40px; padding: 0px; text-align: justify;">
<li style="list-style-position: outside; margin-bottom: 20px;">Effect<ul style="list-style: square outside; margin: 20px 0px 20px 40px; padding: 0px;">
<li style="list-style-position: outside; margin-bottom: 20px;">Random</li>
<li style="list-style-position: outside; margin-bottom: 20px;">Slide Down</li>
<li style="list-style-position: outside; margin-bottom: 20px;">Slide Down Left</li>
<li style="list-style-position: outside; margin-bottom: 20px;">Slide Up</li>
<li style="list-style-position: outside; margin-bottom: 20px;">Slide Updown</li>
<li style="list-style-position: outside; margin-bottom: 20px;">Slide Updown Left</li>
<li style="list-style-position: outside; margin-bottom: 20px;">Fold</li>
<li style="list-style-position: outside; margin-bottom: 20px;">Fade and many more</li>
</ul>
</li>
<li style="list-style-position: outside; margin-bottom: 20px;">Slider Navigation</li>
<li style="list-style-position: outside; margin-bottom: 20px;">Direction Nav</li>
<li style="list-style-position: outside; margin-bottom: 20px;">Control Nav</li>
<li style="list-style-position: outside; margin-bottom: 20px;">Keyboard Nav</li>
<li style="list-style-position: outside; margin-bottom: 20px;">Editable Animation Speed</li>
<li style="list-style-position: outside; margin-bottom: 20px;">Editable Pause Time</li>
<li style="list-style-position: outside; margin-bottom: 20px;">Editable Start Slide</li>
<li style="list-style-position: outside; margin-bottom: 20px;">Editable Number of Thumbnail to Display</li>
<li style="list-style-position: outside; margin-bottom: 20px;">Editable Width and Height</li>
<li style="list-style-position: outside; margin-bottom: 20px;">Support timthumb</li>
</ul>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
[adsense_banner]</div>
<h3 style="background-color: white; color: #333333; font-family: 'Droid Sans'; font-size: 16px; font-weight: 200; letter-spacing: -0.1px; line-height: 20px; margin-top: 0px; padding: 0px; text-align: justify;">
Frequently Asked Questions</h3>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
<strong style="line-height: inherit;">How do I add NV Slider into my site?</strong></div>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
You can add this plugin in two easist way, by</div>
<div data-settings=" minimize scroll-mouseover" id="crayon-52a964e62ff9e242183886" style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; text-align: justify;">
<div data-settings=" show">
PHP</div>
<div>
</div>
<div>
<table style="border-collapse: collapse; border-spacing: 0px;"><tbody>
<tr><td data-settings="show" style="border: none; color: #333333; font-size: 12px; line-height: 18px; padding: 9px 10px; vertical-align: top;"><div data-line="crayon-52a964e62ff9e242183886-1">
1</div>
<div data-line="crayon-52a964e62ff9e242183886-2">
2</div>
</td><td style="border: none; color: #333333; font-size: 12px; line-height: 18px; padding: 9px 10px; vertical-align: top;"><div id="crayon-52a964e62ff9e242183886-1">
   // shortcode</div>
<div id="crayon-52a964e62ff9e242183886-2">
   [nv_slider]</div>
</td></tr>
</tbody></table>
</div>
</div>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
or</div>
<div data-settings=" minimize scroll-mouseover" id="crayon-52a964e62ffa9489955672" style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; text-align: justify;">
<div data-settings=" show">
PHP</div>
<div>
</div>
<div>
<table style="border-collapse: collapse; border-spacing: 0px;"><tbody>
<tr><td data-settings="show" style="border: none; color: #333333; font-size: 12px; line-height: 18px; padding: 9px 10px; vertical-align: top;"><div data-line="crayon-52a964e62ffa9489955672-1">
1</div>
<div data-line="crayon-52a964e62ffa9489955672-2">
2</div>
</td><td style="border: none; color: #333333; font-size: 12px; line-height: 18px; padding: 9px 10px; vertical-align: top;"><div id="crayon-52a964e62ffa9489955672-1">
   // template tag</div>
<div id="crayon-52a964e62ffa9489955672-2">
   echo do_shortcode(‘[nv_slider]‘);</div>
</td></tr>
</tbody></table>
</div>
</div>
<h3 id="changelog" style="background-color: white; color: #333333; font-family: 'Droid Sans'; font-size: 16px; font-weight: 200; letter-spacing: -0.1px; line-height: 20px; margin-top: 0px; padding: 0px; text-align: justify;">
Changelog</h3>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
<strong style="line-height: inherit;">1.0.0</strong></div>
<ul style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; list-style: square outside; margin: 20px 0px 20px 40px; padding: 0px; text-align: justify;">
<li style="list-style-position: outside; margin-bottom: 20px;">Initial release version</li>
</ul>
<h3 style="background-color: white; color: #333333; font-family: 'Droid Sans'; font-size: 16px; font-weight: 200; letter-spacing: -0.1px; line-height: 20px; margin-top: 0px; padding: 0px; text-align: justify;">
Download Plugin</h3>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
Download the plugin atWordPress Repository.</div>
<h3 style="background-color: white; color: #333333; font-family: 'Droid Sans'; font-size: 16px; font-weight: 200; letter-spacing: -0.1px; line-height: 20px; margin-top: 0px; padding: 0px; text-align: justify;">
NV Slider for Joomla</h3>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
To download NV Slider for <a href="http://websiteat100.com/blog/category/joomla/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Joomla blog by websiteat100.com">Joomla </a>visit at NV Slider module page.</div>
<h3 style="background-color: white; color: #333333; font-family: 'Droid Sans'; font-size: 16px; font-weight: 200; letter-spacing: -0.1px; line-height: 20px; margin-top: 0px; padding: 0px; text-align: justify;">
Love this plugin?</h3>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
Thanks for using NV Slider. You can show your appreciation and support for future development by donating.</div>
</div>

NV SLIDER FOR WORDPRESS

This plugin allows you to add content slider in your post, page or even in your theme sidebar it works like a charm without much knowledge...

NV SLIDER

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
NV Slider is a simple <a href="http://websiteat100.com/blog/category/joomla/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Joomla blog by websiteat100.com">Joomla </a>Module Slider, you can integrate it in any website for free without any <a href="http://websiteat100.com/blog/category/html5-and-css3/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Html blog by websiteat100.com">HTML </a>knowledge, it support an unlimited number of images and customizable slider width and height and many more see feature list below.</div>
<h3 style="background-color: white; color: #333333; font-family: 'Droid Sans'; font-size: 16px; font-weight: 200; letter-spacing: -0.1px; line-height: 20px; margin-top: 0px; padding: 0px; text-align: justify;">
Main features</h3>
<ul style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; list-style: square outside; margin: 20px 0px 20px 40px; padding: 0px; text-align: justify;">
<li style="list-style-position: outside; margin-bottom: 20px;"><a href="http://websiteat100.com/blog/category/jquery/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Jquery blog by websiteat100.com">jQuery </a>slider (SEO friendly!)</li>
<li style="list-style-position: outside; margin-bottom: 20px;">Change up to three different effect or random all effect</li>
<li style="list-style-position: outside; margin-bottom: 20px;">Automatic sliding</li>
<li style="list-style-position: outside; margin-bottom: 20px;">Effect option</li>
<li style="list-style-position: outside; margin-bottom: 20px;">Hover option</li>
<li style="list-style-position: outside; margin-bottom: 20px;">Direction option</li>
<li style="list-style-position: outside; margin-bottom: 20px;">Navigation option</li>
<li style="list-style-position: outside; margin-bottom: 20px;">Continuous motion</li>
<li style="list-style-position: outside; margin-bottom: 20px;">Customizable Animation speed</li>
<li style="list-style-position: outside; margin-bottom: 20px;">You can change Prev/Next text and slider dimensions directly from admin, and the best is you can select which image to start the slide.</li>
</ul>
<h3 style="background-color: white; color: #333333; font-family: 'Droid Sans'; font-size: 16px; font-weight: 200; letter-spacing: -0.1px; line-height: 20px; margin-top: 0px; padding: 0px; text-align: justify;">
Updated</h3>
<ul style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; list-style: square outside; margin: 20px 0px 20px 40px; padding: 0px; text-align: justify;">
<li style="list-style-position: outside; margin-bottom: 20px;">Image description option(show and hide)</li>
</ul>
<h3 style="background-color: white; color: #333333; font-family: 'Droid Sans'; font-size: 16px; font-weight: 200; letter-spacing: -0.1px; line-height: 20px; margin-top: 0px; padding: 0px; text-align: justify;">
Browser Support</h3>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
NV Slider has been tested in the following browsers:</div>
<ul style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; list-style: square outside; margin: 20px 0px 20px 40px; padding: 0px; text-align: justify;">
<li style="list-style-position: outside; margin-bottom: 20px;">Internet Explorer v7+</li>
<li style="list-style-position: outside; margin-bottom: 20px;">Firefox v3+</li>
<li style="list-style-position: outside; margin-bottom: 20px;">Google Chrome v4+</li>
<li style="list-style-position: outside; margin-bottom: 20px;">Safari v4+</li>
<li style="list-style-position: outside; margin-bottom: 20px;">Opera v10+</li>
</ul>
<h3 style="background-color: white; color: #333333; font-family: 'Droid Sans'; font-size: 16px; font-weight: 200; letter-spacing: -0.1px; line-height: 20px; margin-top: 0px; padding: 0px; text-align: justify;">
You can upgrade this module for only 5 USD with lots of added features like</h3>
<ul style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; list-style: square outside; margin: 20px 0px 20px 40px; padding: 0px; text-align: justify;">
<li style="list-style-position: outside; margin-bottom: 20px;">Numbers navigation instead of bullets.</li>
<li style="list-style-position: outside; margin-bottom: 20px;">Image description display options (top and bottom).</li>
<li style="list-style-position: outside; margin-bottom: 20px;">DIV wrapper for image description instead of <a href="http://websiteat100.com/blog/category/html5-and-css3/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Html blog by websiteat100.com">HTML </a>title tag, this is for SEO purposes.</li>
<li style="list-style-position: outside; margin-bottom: 20px;"><a href="http://websiteat100.com/blog/category/html5-and-css3/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Css blog by websiteat100.com">CSS </a>customization directly in amdin panel.</li>
<li style="list-style-position: outside; margin-bottom: 20px;">Keyboard Navigation (Use left & right arrows).</li>
<li style="list-style-position: outside; margin-bottom: 20px;">Caption Opacity (Change the caption opacity).</li>
</ul>
<h3 style="background-color: white; color: #333333; font-family: 'Droid Sans'; font-size: 16px; font-weight: 200; letter-spacing: -0.1px; line-height: 20px; margin-top: 0px; padding: 0px; text-align: justify;">
Download Modules</h3>
<ul style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; list-style: square outside; margin: 20px 0px 20px 40px; padding: 0px; text-align: justify;">
<li style="list-style-position: outside; margin-bottom: 20px;">Download Module for J1.5</li>
<li style="list-style-position: outside; margin-bottom: 20px;">Download Module for J1.6</li>
<li style="list-style-position: outside; margin-bottom: 20px;">Download Module for J1.7</li>
</ul>
<h3 style="background-color: white; color: #333333; font-family: 'Droid Sans'; font-size: 16px; font-weight: 200; letter-spacing: -0.1px; line-height: 20px; margin-top: 0px; padding: 0px; text-align: justify;">
NV Slider for WordPress</h3>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
To download NV Slider for <a href="http://websiteat100.com/blog/category/wordpress/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Wordpress blog by websiteat100.com">WordPress </a>visit at NV Slider plugin page.</div>
<h3 style="background-color: white; color: #333333; font-family: 'Droid Sans'; font-size: 16px; font-weight: 200; letter-spacing: -0.1px; line-height: 20px; margin-top: 0px; padding: 0px; text-align: justify;">
Love this plugin?</h3>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
Thanks for using RS Login. You can show your appreciation and support for future development by donating.</div>
</div>

NV SLIDER

NV Slider is a simple Joomla Module Slider, you can integrate it in any website for free without any HTML knowledge, it support an unl...

RS SLIDER

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
RS Slider is a simple <a href="http://websiteat100.com/blog/category/joomla/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Joomla blog by websiteat100.com">Joomla </a>Module Slider that rotate images in a given time, it support an unlimited number of images and customizable slider width and height and the best thing is you can edit <a href="http://websiteat100.com/blog/category/html5-and-css3/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Css blog by websiteat100.com">CSS </a>file directly in admin panel and many more see feature list below.</div>
<h3 style="background-color: white; color: #333333; font-family: 'Droid Sans'; font-size: 16px; font-weight: 200; letter-spacing: -0.1px; line-height: 20px; margin-top: 0px; padding: 0px; text-align: justify;">
Features</h3>
<ul style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; list-style: square outside; margin: 20px 0px 20px 40px; padding: 0px; text-align: justify;">
<li style="list-style-position: outside; margin-bottom: 20px;">Editable Slider Width and Height</li>
<li style="list-style-position: outside; margin-bottom: 20px;">Unlimeted number of images and its descriptions</li>
<li style="list-style-position: outside; margin-bottom: 20px;">Description Position Option<ul style="list-style: square outside; margin: 20px 0px 20px 40px; padding: 0px;">
<li style="list-style-position: outside; margin-bottom: 20px;">Top</li>
<li style="list-style-position: outside; margin-bottom: 20px;">Bottom</li>
</ul>
</li>
<li style="list-style-position: outside; margin-bottom: 20px;">Editable <a href="http://websiteat100.com/blog/category/html5-and-css3/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Css blog by websiteat100.com">CSS </a>style</li>
<li style="list-style-position: outside; margin-bottom: 20px;">Include Images and Descriptions Hyperlink</li>
</ul>
<h3 style="background-color: white; color: #333333; font-family: 'Droid Sans'; font-size: 16px; font-weight: 200; letter-spacing: -0.1px; line-height: 20px; margin-top: 0px; padding: 0px; text-align: justify;">
Download Modules</h3>
<ul style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; list-style: square outside; margin: 20px 0px 20px 40px; padding: 0px; text-align: justify;">
<li style="list-style-position: outside; margin-bottom: 20px;">Download Module for J1.5</li>
<li style="list-style-position: outside; margin-bottom: 20px;">Download Module for J1.6</li>
<li style="list-style-position: outside; margin-bottom: 20px;">Download Module for J1.7</li>
</ul>
<h3 style="background-color: white; color: #333333; font-family: 'Droid Sans'; font-size: 16px; font-weight: 200; letter-spacing: -0.1px; line-height: 20px; margin-top: 0px; padding: 0px; text-align: justify;">
Donation</h3>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
Thanks for using RS Login. You can show your appreciation and support for future development by</div>
</div>

RS SLIDER

RS Slider is a simple Joomla Module Slider that rotate images in a given time, it support an unlimited number of images and customizable...