Feature: I am Preview

Look at your custom widget as same as its look in your website in Real-time!
Pro Pack directly launches from your web browser and every widget is loaded by 100% same method as every website does. Therefore a view provided by "I am Preview" is totally same to the view to be loaded in your website. (It may be a little different according to your custom CSS or script but totally look same in HTML snippet / iFrame.)
This means you will NOT waste your time to check a widget on your web browser while in other WYSIWYG tools like iWeb and Dreamweaver you have to publish your web pages in order to check how it looks like. As a result, this big difference would help you save your time and effort.
"I am Preview" presents a perfect view of your custom widget from your web browser by using Client-side programming only so that it does NOT save or use anything from your local. (100% safe for virus / hacking because there is no executable files and no PHP.)
I am Label | I convert RSS feed to Color label | Go back to Feature

* To experience "I am Preview", please customize your preferred settings then push "Load this preview" button. This priview will display only 7 example pictures.

Fade Slideshow (trial)

* Customize styles (input your desired maximum photo width / height.)

max-width max-height background color banner mode

* Font styles

font size font color font family

* Optional settings

autoplay animation duration pause time start index caption

PCFET0NUWVBFIGh0bWwgUFVCTElDICItLy9XM0MvL0RURCBYSFRNTCAxLjAgVHJhbnNpdGlvbmFsLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL1RSL3hodG1sMS9EVEQveGh0bWwxLXRyYW5zaXRpb25hbC5kdGQiPgo8aHRtbCB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94aHRtbCIgeG1sOmxhbmc9ImVuLXVzIj4KPGhlYWQ+CjxtZXRhIGh0dHAtZXF1aXY9IkNvbnRlbnQtdHlwZSIgY29udGVudD0idGV4dC9odG1sOyBjaGFyc2V0PXV0Zi04IiAvPgo8dGl0bGU+PC90aXRsZT4KPHNjcmlwdCB0eXBlPSJ0ZXh0L2phdmFzY3JpcHQiIHNyYz0iaHR0cDovL2FqYXguZ29vZ2xlYXBpcy5jb20vYWpheC9saWJzL2pxdWVyeS8xLjcuMS9qcXVlcnkubWluLmpzIj48L3NjcmlwdD4KCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyIgbWVkaWE9InNjcmVlbiI+CiNjb250YWluZXIsCiNwaG90by12aWV3ZXIgewoJLypwaG90b19tYXhfd2lkdGgqL3dpZHRoOjcwMHB4OwoJLypwaG90b19tYXhfaGVpZ2h0Ki9oZWlnaHQ6NDAwcHg7Cn0KCiNjb250YWluZXIgewoJLyp3aWRnZXRfaGVpZ2h0Ki9oZWlnaHQ6NDQwcHg7Cn0KCiNwaG90by12aWV3ZXIgewoJLyp3aWRnZXRfYmFja2dyb3VuZF9jb2xvciovYmFja2dyb3VuZC1jb2xvcjpibGFjazsKCXBvc2l0aW9uOnJlbGF0aXZlOwp9CgojdGV4dC1ob2xkZXIgewoJLypmb250X3NpemUqL2ZvbnQtc2l6ZToxMnB4Owp9CgojY29udGFpbmVyIHtvdmVyZmxvdzogaGlkZGVuO3BhZGRpbmc6IDA7bWFyZ2luOiAwO30KI3Bob3RvLXZpZXdlciBpbWd7cG9zaXRpb246IGFic29sdXRlO2JvcmRlcjogbm9uZTtkaXNwbGF5Om5vbmU7ei1pbmRleDogMDt9CmRpdiN0ZXh0LWhvbGRlciB7Lypmb250X2ZhbWlseSovZm9udC1mYW1pbHk6QXJpYWwsQXJpYWwsSGVsdmV0aWNhLHNhbnMtc2VyaWY7bGVmdDogMDtib3R0b206IDA7Lyp0ZXh0X2JhY2tncm91bmRfY29sb3IqL2JhY2tncm91bmQtY29sb3I6cmdiYSgwLDAsMCwwLjcpO3Bvc2l0aW9uOiBhYnNvbHV0ZTt6LWluZGV4OiA5OTk7dGV4dC1hbGlnbjpjZW50ZXI7dmVydGljYWwtYWxpZ246IG1pZGRsZTtwYWRkaW5nOiA3cHg7ZGlzcGxheTogbm9uZTt3aGl0ZS1zcGFjZTogLW1vei1wcmUtd3JhcDt3aGl0ZS1zcGFjZTogLXByZS13cmFwO3doaXRlLXNwYWNlOiAtby1wcmUtd3JhcDt3aGl0ZS1zcGFjZTogcHJlLXdyYXA7d29yZC13cmFwOiBicmVhay13b3JkO30KI3RleHQtaG9sZGVyLCN0ZXh0LWhvbGRlciBhLCN0ZXh0LWhvbGRlciBhOmxpbmssI3RleHQtaG9sZGVyIGE6dmlzaXRlZCB7Lypmb250X2NvbG9yKi9jb2xvcjojZmZmZmZmO291dGxpbmU6IG5vbmU7dGV4dC1kZWNvcmF0aW9uOiBub25lO30KI3RleHQtaG9sZGVyIGE6aG92ZXIsI3RleHQtaG9sZGVyIGE6YWN0aXZlIHt0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTt9CiNuZXh0LXNsaWRlLWJ1dHRvbiB7cG9zaXRpb246IGFic29sdXRlO3RvcDogLTk5OTlweDtyaWdodDogMHB4O3dpZHRoOiA4MHB4O291dGxpbmU6bm9uZTt6LWluZGV4OiA5OTk7bWluLWhlaWdodDogMTAwcHg7YmFja2dyb3VuZDp1cmwoJy9pbWFnZXMvbmV4dC1hcnJvdy5wbmcnKSBuby1yZXBlYXQgY2VudGVyO30KI3ByZXYtc2xpZGUtYnV0dG9uIHtwb3NpdGlvbjogYWJzb2x1dGU7dG9wOiAtOTk5OXB4O2xlZnQ6IDBweDt3aWR0aDogODBweDtvdXRsaW5lOm5vbmU7ei1pbmRleDogOTk5O21pbi1oZWlnaHQ6IDEwMHB4O2JhY2tncm91bmQ6IHVybCgnL2ltYWdlcy9wcmV2LWFycm93LnBuZycpIG5vLXJlcGVhdCBjZW50ZXI7fQouc2ltcGxlLW5hdiB7bWFyZ2luLXRvcDoxMHB4O2hlaWdodDoxM3B4O3RleHQtYWxpZ246Y2VudGVyO30KLnNpbXBsZS1uYXYgbGksLnNpbXBsZS1uYXYgbGkgYSB7IGRpc3BsYXk6LW1vei1pbmxpbmUtc3RhY2s7IGRpc3BsYXk6aW5saW5lLWJsb2NrOyAqZGlzcGxheTppbmxpbmU7IHpvb206MTsgfQouc2ltcGxlLW5hdiBsaSB7IHBvc2l0aW9uOnJlbGF0aXZlOyBtYXJnaW4tcmlnaHQ6OHB4OyB3aWR0aDoxM3B4OyBoZWlnaHQ6MTNweDsgKmhlaWdodDogMTJweDsgb3ZlcmZsb3c6aGlkZGVuOyB9Ci5zaW1wbGUtbmF2IGxpLmxhc3QtZG90IHsgbWFyZ2luLXJpZ2h0OiAwOyB9Ci5zaW1wbGUtbmF2IGxpIGEgeyBwb3NpdGlvbjphYnNvbHV0ZTsgd2lkdGg6MTNweDsgaGVpZ2h0OjM4cHg7IHRvcDowOyBsZWZ0OjA7IG91dGxpbmU6bm9uZTsgY3Vyc29yOnBvaW50ZXI7IHRleHQtaW5kZW50Oi05OTk5cHg7IGxpbmUtaGVpZ2h0OjA7IGJhY2tncm91bmQ6dXJsKCcvaW1hZ2VzL2JsdWVfZG90LnBuZycpIG5vLXJlcGVhdCAwIDA7IH0KLnNpbXBsZS1uYXYgbGkgYTpob3ZlciB7IHRvcDotMTNweDsgfQouc2ltcGxlLW5hdiBsaSBhLmFjdGl2ZSB7IGN1cnNvcjpkZWZhdWx0OyB0b3A6LTI2cHg7IG9wYWNpdHk6MTsgLW1vei1vcGFjaXR5OjE7IH0KLnNpbXBsZS1uYXYsI25leHQtc2xpZGUtYnV0dG9uLCNwcmV2LXNsaWRlLWJ1dHRvbiB7Lyp2YXJfYmFubmVyX21vZGUqL30KPC9zdHlsZT4KPCEtLVtpZiBJRV0+CiAgIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+CiAgIC8qVEVYVF9TVFlMRV9JRV9CRUdJTiovCiAgICN0ZXh0LWhvbGRlciB7YmFja2dyb3VuZDp0cmFuc3BhcmVudDstbXMtZmlsdGVyOnByb2dpZDpEWEltYWdlVHJhbnNmb3JtLk1pY3Jvc29mdC5ncmFkaWVudChzdGFydENvbG9yc3RyPSM3RjAwMDAwMCxlbmRDb2xvcnN0cj0jN0YwMDAwMDApO2ZpbHRlcjpwcm9naWQ6RFhJbWFnZVRyYW5zZm9ybS5NaWNyb3NvZnQuZ3JhZGllbnQoc3RhcnRDb2xvcnN0cj0jN0YwMDAwMDAsZW5kQ29sb3JzdHI9IzdGMDAwMDAwKTt6b29tOiAxO30KICAgLypUT19URVhUX1NUWUxFX0lFX0VORCovCiAgIDwvc3R5bGU+CjwhW2VuZGlmXS0tPgo8c2NyaXB0IHR5cGU9InRleHQvamF2YXNjcmlwdCI+Ci8qdmFyX2F1dG9wbGF5Ki92YXIgYXV0b3BsYXk9dHJ1ZTsgLy8gcGxheSBzbGlkZXNob3cgd2hlbiBsYXVuY2hlZAovKnZhcl9hbmltYXRpb25fZHVyYXRpb24qL3ZhciBhbmltYXRpb25fZHVyYXRpb249MjAwMDsgLy8gZmFkaW5nIGR1cmF0aW9uIChtaWxsaXNlY29uZCkKLyp2YXJfcGF1c2VfdGltZSovdmFyIHBhdXNlX3RpbWU9NzAwMDsgLy8gdGltZSBnYXAgYmV0d2VlbiBhbmltYXRpb24KLyp2YXJfY2FwdGlvbiovdmFyIGNhcHRpb249MjsgLy8gMDogbm9uZSwgMTogYWx3YXlzLCAyOiBob3ZlcgovKnZhcl9zdGFydF9pbmRleCovdmFyIHN0YXJ0X2luZGV4PTE7CgovKiBkb24ndCBjaGFuZ2UgdGhpcyBzY3JpcHQgbGluZSAqLwpmdW5jdGlvbiB1bmxvYWRmcmFtZSgpe3N0b3B0cmFuc2l0aW9uKCl9CnZhciB2aWV3ZXIsdGV4dGhvbGRlcjt2YXIgdG90YWxfaXRlbXM9MDt2YXIgdGltZXI9bnVsbDtmdW5jdGlvbiBuYXZpY2xpY2soYSl7aWYoJCh0aGlzKS5oYXNDbGFzcygiYWN0aXZlIikpe3JldHVybiBmYWxzZX1zdG9wdHJhbnNpdGlvbigpO3Nob3dwaG90byhwYXJzZUludCgkKHRoaXMpLnRleHQoKSwxMCksZmFsc2UpO3JldHVybiBmYWxzZX1mdW5jdGlvbiBwcmV2KCl7c3RvcHRyYW5zaXRpb24oKTt0YXJnZXRfbnVtPSQoImltZy5hY3RpdmUiLHZpZXdlcikuYXR0cigiaWQiKS5zcGxpdCgiLSIpO3ZhciBhPXRhcmdldF9udW1bMV07YS0tO2E9YTwxP3RvdGFsX2l0ZW1zOmE7c2hvd3Bob3RvKGEsZmFsc2UpfWZ1bmN0aW9uIG5leHQoKXtzdG9wdHJhbnNpdGlvbigpO3RhcmdldF9udW09JCgiaW1nLmFjdGl2ZSIsdmlld2VyKS5hdHRyKCJpZCIpLnNwbGl0KCItIik7dmFyIGE9dGFyZ2V0X251bVsxXTthKys7YT1hPnRvdGFsX2l0ZW1zPzE6YTtzaG93cGhvdG8oYSxmYWxzZSl9ZnVuY3Rpb24gY2hhbmdlY29udGVudCgpe3RhcmdldF9udW09JCgiaW1nLmFjdGl2ZSIsdmlld2VyKS5hdHRyKCJpZCIpLnNwbGl0KCItIik7dmFyIGE9dGFyZ2V0X251bVsxXTthKys7YT1hPnRvdGFsX2l0ZW1zPzE6YTtzaG93cGhvdG8oYSxmYWxzZSl9ZnVuY3Rpb24gc2hvd3Bob3RvKGEsYyl7JCgiI2RvdGxpc3RzIGxpIGEiKS5jc3Moe2N1cnNvcjoiZGVmYXVsdCJ9KS5yZW1vdmVDbGFzcygiYWN0aXZlIikudW5iaW5kKCJjbGljayIpOyQoIiNwcmV2LXNsaWRlLWJ1dHRvbiIpLmNzcyh7Y3Vyc29yOiJkZWZhdWx0In0pLnVuYmluZCgiY2xpY2siKTskKCIjbmV4dC1zbGlkZS1idXR0b24iKS5jc3Moe2N1cnNvcjoiZGVmYXVsdCJ9KS51bmJpbmQoImNsaWNrIik7JCgiaW1nIix2aWV3ZXIpLmNzcyh7InotaW5kZXgiOjB9KS5yZW1vdmVDbGFzcygiYWN0aXZlIikuZmFkZU91dChjPzA6YW5pbWF0aW9uX2R1cmF0aW9uKTskKCJsaSBhOmVxKCIrKGEtMSkrIikiLCIjZG90bGlzdHMiKS5hZGRDbGFzcygiYWN0aXZlIikuY3NzKHtjdXJzb3I6ImRlZmF1bHQifSk7dmFyIGI9JCgiI3Bob3RvLSIrYSkuY3NzKHsiei1pbmRleCI6dG90YWxfaXRlbXN9KS5mYWRlSW4oYz8wOmFuaW1hdGlvbl9kdXJhdGlvbixmdW5jdGlvbigpeyQodGhpcykuYWRkQ2xhc3MoImFjdGl2ZSIpOyQoIiNkb3RsaXN0cyBsaSBhOm5vdCguYWN0aXZlKSIpLmJpbmQoImNsaWNrIixuYXZpY2xpY2spLmNzcyh7Y3Vyc29yOiJwb2ludGVyIn0pOyQoIiNwcmV2LXNsaWRlLWJ1dHRvbiIpLmJpbmQoImNsaWNrIixwcmV2KS5jc3Moe2N1cnNvcjoicG9pbnRlciJ9KTskKCIjbmV4dC1zbGlkZS1idXR0b24iKS5iaW5kKCJjbGljayIsbmV4dCkuY3NzKHtjdXJzb3I6InBvaW50ZXIifSk7aWYoYXV0b3BsYXkpe3RpbWVyPXNldFRpbWVvdXQoY2hhbmdlY29udGVudCxwYXVzZV90aW1lKX19KS5hdHRyKCJhbHQiKTtpZihjYXB0aW9uPT0xKXtpZihiLmxlbmd0aD4wKXt0ZXh0aG9sZGVyLmh0bWwoYikuc2hvdygpfWVsc2V7dGV4dGhvbGRlci5lbXB0eSgpLmhpZGUoKX19ZWxzZXtpZihjYXB0aW9uPT0yKXt0ZXh0aG9sZGVyLmh0bWwoYik7dmlld2VyLmhvdmVyKGZ1bmN0aW9uKCl7aWYoYi5sZW5ndGg+MCl7dGV4dGhvbGRlci5zaG93KCl9ZWxzZXt0ZXh0aG9sZGVyLmhpZGUoKX19LGZ1bmN0aW9uKCl7dGV4dGhvbGRlci5oaWRlKCl9KX19fWZ1bmN0aW9uIHN0b3B0cmFuc2l0aW9uKCl7aWYoIWF1dG9wbGF5KXtyZXR1cm59aWYodGltZXIpe2NsZWFyVGltZW91dCh0aW1lcik7JCgiOmFuaW1hdGVkIiwiI3Bob3RvLXZpZXdlciIpLnN0b3AodHJ1ZSx0cnVlKX1hdXRvcGxheT1mYWxzZTt0aW1lcj1udWxsfSQoZG9jdW1lbnQpLnJlYWR5KGZ1bmN0aW9uKCl7d2luZG93LnRvcC5mcmFtZV9oYW5kbGUgPSAkKCJib2R5Iik7JCgiYm9keSIpLm9uKCJ1bmxvYWRfZnJhbWUiLHVubG9hZGZyYW1lKTt0b3RhbF9pdGVtcz0kKCIjcGhvdG9saXN0cyBsaSIpLnNpemUoKTt2aWV3ZXI9JCgiI3Bob3RvLXZpZXdlciIpO3ZhciBiPSQoIiNkb3RsaXN0cyIpO3RleHRob2xkZXI9JCgiI3RleHQtaG9sZGVyIik7aWYodG90YWxfaXRlbXM8Mil7YXV0b3BsYXk9ZmFsc2V9aWYoc3RhcnRfaW5kZXg+dG90YWxfaXRlbXMpe3N0YXJ0X2luZGV4PTF9dmFyIGE9dmlld2VyLndpZHRoKCk7dmFyIGQ9dmlld2VyLmhlaWdodCgpO3ZhciBjPU1hdGgubWF4KGEsZCk7dGV4dGhvbGRlci53aWR0aCgoYS1wYXJzZUludCh0ZXh0aG9sZGVyLmNzcygicGFkZGluZy1sZWZ0IiksMTApKjIpKyJweCIpOyQoIiNwaG90b2xpc3RzIGxpIGltZyIpLmVhY2goZnVuY3Rpb24oZil7dmFyIGc9ZV93aWR0aD0kKHRoaXMpLndpZHRoKCk7dmFyIGU9ZV9oZWlnaHQ9JCh0aGlzKS5oZWlnaHQoKTtpZihnPmEpe2Vfd2lkdGg9YTtlX2hlaWdodD1NYXRoLnJvdW5kKChlKmVfd2lkdGgpL2cpO2lmKGVfaGVpZ2h0PmQpe2VfaGVpZ2h0PWQ7ZV93aWR0aD1NYXRoLnJvdW5kKChnKmVfaGVpZ2h0KS9lKX19ZWxzZXtpZihlPmQpe2VfaGVpZ2h0PWQ7ZV93aWR0aD1NYXRoLnJvdW5kKChnKmVfaGVpZ2h0KS9lKTtpZihlX3dpZHRoPmEpe2Vfd2lkdGg9YTtlX2hlaWdodD1NYXRoLnJvdW5kKChlKmVfd2lkdGgpL2cpfX19JCh0aGlzKS5hdHRyKCJpZCIsInBob3RvLSIrKGYrMSkudG9TdHJpbmcoKSkuY3NzKHsiei1pbmRleCI6MCx3aWR0aDplX3dpZHRoKyJweCIsaGVpZ2h0OmVfaGVpZ2h0KyJweCIsdG9wOk1hdGguZmxvb3IoKGQtZV9oZWlnaHQpLzIpKyJweCIsbGVmdDpNYXRoLmZsb29yKChhLWVfd2lkdGgpLzIpKyJweCJ9KTtiLmFwcGVuZCgiPGxpPjxhPiIrKGYrMSkrIjwvYT48L2xpPiIpfSk7JCgiI2RvdGxpc3RzIGxpOmxhc3QiKS5hZGRDbGFzcygibGFzdC1kb3QiKTtzaG93cGhvdG8oc3RhcnRfaW5kZXgsdHJ1ZSk7JCgiI3ByZXYtc2xpZGUtYnV0dG9uIikuY3NzKHt0b3A6TWF0aC5yb3VuZChkLzIvMikrInB4IixoZWlnaHQ6TWF0aC5yb3VuZChkLzIpfSk7JCgiI25leHQtc2xpZGUtYnV0dG9uIikuY3NzKHt0b3A6TWF0aC5yb3VuZChkLzIvMikrInB4IixoZWlnaHQ6TWF0aC5yb3VuZChkLzIpfSk7JCgiI3ByZXYtc2xpZGUtYnV0dG9uIikuY3NzKCJvcGFjaXR5IiwwKS5ob3ZlcihmdW5jdGlvbigpeyQodGhpcykuY3NzKHtjdXJzb3I6InBvaW50ZXIifSkuYW5pbWF0ZSh7b3BhY2l0eToiMSJ9LDI1MCl9LGZ1bmN0aW9uKCl7JCh0aGlzKS5jc3Moe2N1cnNvcjoiZGVmYXVsdCJ9KS5hbmltYXRlKHtvcGFjaXR5OiIuMCJ9LDI1MCl9KTskKCIjbmV4dC1zbGlkZS1idXR0b24iKS5jc3MoIm9wYWNpdHkiLDApLmhvdmVyKGZ1bmN0aW9uKCl7JCh0aGlzKS5jc3Moe2N1cnNvcjoicG9pbnRlciJ9KS5hbmltYXRlKHtvcGFjaXR5OiIxIn0sMjUwKX0sZnVuY3Rpb24oKXskKHRoaXMpLmNzcyh7Y3Vyc29yOiJkZWZhdWx0In0pLmFuaW1hdGUoe29wYWNpdHk6Ii4wIn0sMjUwKX0pfSk7Cjwvc2NyaXB0Pgo8L2hlYWQ+Cjxib2R5IHN0eWxlPSJiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDsgbWFyZ2luOiAwcHQ7Ij4KPGRpdiBpZD0iY29udGFpbmVyIj48ZGl2IGlkPSJwaG90by12aWV3ZXIiPjxkaXYgaWQ9InRleHQtaG9sZGVyIj48L2Rpdj48ZGl2IGlkPSJwcmV2LXNsaWRlLWJ1dHRvbiI+PC9kaXY+PGRpdiBpZD0ibmV4dC1zbGlkZS1idXR0b24iPjwvZGl2Pjx1bCBpZD0icGhvdG9saXN0cyIgc3R5bGU9Imxpc3Qtc3R5bGU6bm9uZTsgbWFyZ2luOiAwO3BhZGRpbmc6IDA7Ij4KPCEtLWJlZ2luIHRvIGluc2VydCBjb250ZW50cy0tPgoKPCEtLWVuZCB0byBpbnNlcnQgY29udGVudHMtLT4KPC91bD48L2Rpdj48ZGl2IGNsYXNzPSJzaW1wbGUtbmF2Ij48dWwgaWQ9ImRvdGxpc3RzIiBzdHlsZT0ibGlzdC1zdHlsZTpub25lO3BhZGRpbmc6MDttYXJnaW46MDsiPjwvdWw+PC9kaXY+PC9kaXY+CjwvYm9keT4KPC9odG1sPg==

I am Preview

This live demo is dynamically loaded when you push "Load this preview" button.