{"id":88,"date":"2011-06-08T11:33:12","date_gmt":"2011-06-08T11:33:12","guid":{"rendered":"http:\/\/www.dermatologue.com\/?page_id=88"},"modified":"2012-06-06T14:19:04","modified_gmt":"2012-06-06T14:19:04","slug":"slideshow","status":"publish","type":"page","link":"https:\/\/www.dermatologue.com\/?page_id=88","title":{"rendered":"Slideshow"},"content":{"rendered":"<p>The Widgetkit Slideshow is the ultimate image and content slideshow for Joomla and WordPress. It&rsquo;s flexible, easy to customize and completely build with HTML5 and CSS3. <\/p>\n<h2>Features<\/h2>\n<ul class=\"check\">\n<li>Clean and very lightweight code<\/li>\n<li>17 eye-catching transition effects<\/li>\n<li>Fully responsive including all effects<\/li>\n<li>Uses hardware accelerated CSS3 animations<\/li>\n<li>Support for HTML captions<\/li>\n<li>Swipe navigation on mobile phones<\/li>\n<li>Built with HTML5, CSS3, PHP 5.2+, and the latest jQuery version<\/li>\n<li>Works with Joomla and WordPress<\/li>\n<\/ul>\n<h2>Slideshow Screen Example<\/h2>\n<p>This is an image slideshow with the famous Ken Burns effect.<\/p>\n\n<div id=\"slideshow-554-69d21bc27a1f2\" class=\"wk-slideshow wk-slideshow-screen\" data-widgetkit=\"slideshow\" data-options='{\"style\":\"screen\",\"autoplay\":1,\"interval\":10000,\"width\":600,\"height\":300,\"duration\":1000,\"index\":0,\"order\":\"default\",\"navigation\":1,\"buttons\":1,\"slices\":15,\"animated\":\"kenburns\",\"caption_animation_duration\":500}'>\n\t<div>\n\t\t<ul class=\"slides\">\n\n\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t<article class=\"wk-content clearfix\"><a href=\"#\"><img loading=\"lazy\" decoding=\"async\" src=\"wp-content\/uploads\/yootheme\/widgetkit\/slideshow\/screen\/image1.jpg\" alt=\"Image 01\" height=\"300\" width=\"600\" \/><\/a><\/article>\n\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t<article class=\"wk-content clearfix\"><a href=\"#\"><img loading=\"lazy\" decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAJEAAAAAAP\/\/\/\/\/\/\/wAAACH5BAEHAAIALAAAAAABAAEAAAICVAEAOw==\" data-src=\"wp-content\/uploads\/yootheme\/widgetkit\/slideshow\/screen\/image2.jpg\" alt=\"Image 02\" height=\"300\" width=\"600\" \/><\/a><\/article>\n\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t<article class=\"wk-content clearfix\"><a href=\"#\"><img loading=\"lazy\" decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAJEAAAAAAP\/\/\/\/\/\/\/wAAACH5BAEHAAIALAAAAAABAAEAAAICVAEAOw==\" data-src=\"wp-content\/uploads\/yootheme\/widgetkit\/slideshow\/screen\/image3.jpg\" alt=\"Image 03\" height=\"300\" width=\"600\" \/><\/a><\/article>\n\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t<article class=\"wk-content clearfix\"><a href=\"#\"><img loading=\"lazy\" decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAJEAAAAAAP\/\/\/\/\/\/\/wAAACH5BAEHAAIALAAAAAABAAEAAAICVAEAOw==\" data-src=\"wp-content\/uploads\/yootheme\/widgetkit\/slideshow\/screen\/image4.jpg\" alt=\"Image 04\" height=\"300\" width=\"600\" \/><\/a><\/article>\n\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t<article class=\"wk-content clearfix\"><a href=\"#\"><img loading=\"lazy\" decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAJEAAAAAAP\/\/\/\/\/\/\/wAAACH5BAEHAAIALAAAAAABAAEAAAICVAEAOw==\" data-src=\"wp-content\/uploads\/yootheme\/widgetkit\/slideshow\/screen\/image5.jpg\" alt=\"Image 05\" height=\"300\" width=\"600\" \/><\/a><\/article>\n\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<\/ul>\n\t\t<div class=\"next\"><\/div><div class=\"prev\"><\/div>\t\t<div class=\"caption\"><\/div><ul class=\"captions\"><li><\/li><li>This is a HTML caption with a <a href=\"#\">link<\/a>.<\/li><li>This is another HTML caption with a <a href=\"#\">link<\/a>.<\/li><li><\/li><li><\/li><\/ul>\n\t<\/div>\n\t<ul class=\"nav\"><li><span><\/span><\/li><li><span><\/span><\/li><li><span><\/span><\/li><li><span><\/span><\/li><li><span><\/span><\/li><\/ul><\/div>\n<h2>Slideshow Default Example<\/h2>\n<p>This is an image slideshow with eye-catching transition effects.<\/p>\n\n<div id=\"slideshow-501-69d21bc27bcd4\" class=\"wk-slideshow wk-slideshow-default\" data-widgetkit=\"slideshow\" data-options='{\"style\":\"default\",\"autoplay\":1,\"interval\":5000,\"width\":600,\"height\":300,\"duration\":500,\"index\":0,\"order\":\"default\",\"navigation\":1,\"buttons\":1,\"slices\":15,\"animated\":\"randomFx\",\"caption_animation_duration\":500}'>\n\t<div>\n\t\t<ul class=\"slides\">\n\n\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t<article class=\"wk-content clearfix\"><a href=\"#\"><img loading=\"lazy\" decoding=\"async\" src=\"wp-content\/uploads\/yootheme\/widgetkit\/slideshow\/image1.jpg\" alt=\"Image 01\" width=\"600\" height=\"300\" \/><\/a><\/article>\n\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t<article class=\"wk-content clearfix\"><a href=\"#\"><img loading=\"lazy\" decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAJEAAAAAAP\/\/\/\/\/\/\/wAAACH5BAEHAAIALAAAAAABAAEAAAICVAEAOw==\" data-src=\"wp-content\/uploads\/yootheme\/widgetkit\/slideshow\/image2.jpg\" alt=\"Image 02\" width=\"600\" height=\"300\" \/><\/a><\/article>\n\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t<article class=\"wk-content clearfix\"><a href=\"#\"><img loading=\"lazy\" decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAJEAAAAAAP\/\/\/\/\/\/\/wAAACH5BAEHAAIALAAAAAABAAEAAAICVAEAOw==\" data-src=\"wp-content\/uploads\/yootheme\/widgetkit\/slideshow\/image3.jpg\" alt=\"Image 03\" width=\"600\" height=\"300\" \/><\/a><\/article>\n\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t<article class=\"wk-content clearfix\"><a href=\"#\"><img loading=\"lazy\" decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAJEAAAAAAP\/\/\/\/\/\/\/wAAACH5BAEHAAIALAAAAAABAAEAAAICVAEAOw==\" data-src=\"wp-content\/uploads\/yootheme\/widgetkit\/slideshow\/image4.jpg\" alt=\"Image 04\" width=\"600\" height=\"300\" \/><\/a><\/article>\n\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t<article class=\"wk-content clearfix\"><a href=\"#\"><img loading=\"lazy\" decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAJEAAAAAAP\/\/\/\/\/\/\/wAAACH5BAEHAAIALAAAAAABAAEAAAICVAEAOw==\" data-src=\"wp-content\/uploads\/yootheme\/widgetkit\/slideshow\/image5.jpg\" alt=\"Image 05\" width=\"600\" height=\"300\" \/><\/a><\/article>\n\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<\/ul>\n\t\t<div class=\"next\"><\/div><div class=\"prev\"><\/div>\t\t<div class=\"caption\"><\/div><ul class=\"captions\"><li><\/li><li>This is a HTML caption with a <a href=\"#\">link<\/a>.<\/li><li>This is another HTML caption with a <a href=\"#\">link<\/a>.<\/li><li><\/li><li><\/li><\/ul>\n\t<\/div>\n\t<ul class=\"nav\"><li><span><\/span><\/li><li><span><\/span><\/li><li><span><\/span><\/li><li><span><\/span><\/li><li><span><\/span><\/li><\/ul><\/div>\n<h2>Showcase Box Example<\/h2>\n<p>This a content showcase using all the features from the Slideset widget as navigation. Any kind of HTML content can be used in the navigation.<\/p>\n\n<div id=\"showcase-533-69d21bc27cc92\" class=\"wk-slideshow-showcasebox\" data-widgetkit=\"showcase\" data-options='{\"style\":\"showcase_box\",\"autoplay\":1,\"interval\":5000,\"width\":600,\"height\":270,\"duration\":1500,\"index\":0,\"order\":\"default\",\"buttons\":0,\"slices\":20,\"animated\":\"rotate\",\"caption_animation_duration\":500,\"effect\":\"slide\",\"slideset_buttons\":1,\"items_per_set\":4,\"slideset_effect_duration\":400}'>\n\n\t<div id=\"slideshow-533-69d21bc27cc92\" class=\"wk-slideshow\">\n\t\t<div class=\"slides-container\">\n\t\t\t<ul class=\"slides\">\n\t\t\t\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t<article class=\"wk-content clearfix\"><img loading=\"lazy\" decoding=\"async\" class=\"align-right\" src=\"wp-content\/uploads\/yootheme\/widgetkit\/slideshow\/showcase1\/image1.png\" alt=\"Image 01\" height=\"220\" width=\"210\" \/>\r\n<h2 class=\"remove-margin-t\">Headline<\/h2>\r\n<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/p>\r\n<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/p>\r\n<a href=\"#\" class=\"button-more\">Read more<\/a><\/article>\n\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t<article class=\"wk-content clearfix\"><img loading=\"lazy\" decoding=\"async\" class=\"align-right\" src=\"data:image\/gif;base64,R0lGODlhAQABAJEAAAAAAP\/\/\/\/\/\/\/wAAACH5BAEHAAIALAAAAAABAAEAAAICVAEAOw==\" data-src=\"wp-content\/uploads\/yootheme\/widgetkit\/slideshow\/showcase1\/image2.png\" alt=\"Image 02\" height=\"220\" width=\"210\" \/>\r\n<h2 class=\"remove-margin-t\">Headline<\/h2>\r\n<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/p>\r\n<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/p>\r\n<a href=\"#\" class=\"button-more\">Read more<\/a><\/article>\n\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t<article class=\"wk-content clearfix\"><img loading=\"lazy\" decoding=\"async\" class=\"align-right\" src=\"data:image\/gif;base64,R0lGODlhAQABAJEAAAAAAP\/\/\/\/\/\/\/wAAACH5BAEHAAIALAAAAAABAAEAAAICVAEAOw==\" data-src=\"wp-content\/uploads\/yootheme\/widgetkit\/slideshow\/showcase1\/image3.png\" alt=\"Image 03\" height=\"220\" width=\"210\" \/>\r\n<h2 class=\"remove-margin-t\">Headline<\/h2>\r\n<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/p>\r\n<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/p>\r\n<a href=\"#\" class=\"button-more\">Read more<\/a><\/article>\n\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t<article class=\"wk-content clearfix\"><img loading=\"lazy\" decoding=\"async\" class=\"align-right\" src=\"data:image\/gif;base64,R0lGODlhAQABAJEAAAAAAP\/\/\/\/\/\/\/wAAACH5BAEHAAIALAAAAAABAAEAAAICVAEAOw==\" data-src=\"wp-content\/uploads\/yootheme\/widgetkit\/slideshow\/showcase1\/image4.png\" alt=\"Image 04\" height=\"220\" width=\"210\" \/>\r\n<h2 class=\"remove-margin-t\">Headline<\/h2>\r\n<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/p>\r\n<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/p>\r\n<a href=\"#\" class=\"button-more\">Read more<\/a><\/article>\n\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t<article class=\"wk-content clearfix\"><img loading=\"lazy\" decoding=\"async\" class=\"align-right\" src=\"data:image\/gif;base64,R0lGODlhAQABAJEAAAAAAP\/\/\/\/\/\/\/wAAACH5BAEHAAIALAAAAAABAAEAAAICVAEAOw==\" data-src=\"wp-content\/uploads\/yootheme\/widgetkit\/slideshow\/showcase1\/image5.png\" alt=\"Image 05\" height=\"220\" width=\"210\" \/>\r\n<h2 class=\"remove-margin-t\">Headline<\/h2>\r\n<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/p>\r\n<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/p>\r\n<a href=\"#\" class=\"button-more\">Read more<\/a><\/article>\n\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t<article class=\"wk-content clearfix\"><img loading=\"lazy\" decoding=\"async\" class=\"align-right\" src=\"data:image\/gif;base64,R0lGODlhAQABAJEAAAAAAP\/\/\/\/\/\/\/wAAACH5BAEHAAIALAAAAAABAAEAAAICVAEAOw==\" data-src=\"wp-content\/uploads\/yootheme\/widgetkit\/slideshow\/showcase1\/image6.png\" alt=\"Image 06\" height=\"220\" width=\"210\" \/>\r\n<h2 class=\"remove-margin-t\">Headline<\/h2>\r\n<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/p>\r\n<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/p>\r\n<a href=\"#\" class=\"button-more\">Read more<\/a><\/article>\n\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t<article class=\"wk-content clearfix\"><img loading=\"lazy\" decoding=\"async\" class=\"align-right\" src=\"data:image\/gif;base64,R0lGODlhAQABAJEAAAAAAP\/\/\/\/\/\/\/wAAACH5BAEHAAIALAAAAAABAAEAAAICVAEAOw==\" data-src=\"wp-content\/uploads\/yootheme\/widgetkit\/slideshow\/showcase1\/image7.png\" alt=\"Image 07\" height=\"220\" width=\"210\" \/>\r\n<h2 class=\"remove-margin-t\">Headline<\/h2>\r\n<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/p>\r\n<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/p>\r\n<a href=\"#\" class=\"button-more\">Read more<\/a><\/article>\n\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t<article class=\"wk-content clearfix\"><img loading=\"lazy\" decoding=\"async\" class=\"align-right\" src=\"data:image\/gif;base64,R0lGODlhAQABAJEAAAAAAP\/\/\/\/\/\/\/wAAACH5BAEHAAIALAAAAAABAAEAAAICVAEAOw==\" data-src=\"wp-content\/uploads\/yootheme\/widgetkit\/slideshow\/showcase1\/image8.png\" alt=\"Image 08\" height=\"220\" width=\"210\" \/>\r\n<h2 class=\"remove-margin-t\">Headline<\/h2>\r\n<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/p>\r\n<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/p>\r\n<a href=\"#\" class=\"button-more\">Read more<\/a><\/article>\n\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t<\/div>\n\t<\/div>\n\n\t<div id=\"slideset-533-69d21bc27cc92\" class=\"wk-slideset \">\n\t\t<div>\n\t\t\t<div class=\"sets\">\n\t\t\t\t\t\t\t\t<ul class=\"set\">\n\t\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t<div><div><img loading=\"lazy\" decoding=\"async\" src=\"wp-content\/uploads\/yootheme\/widgetkit\/slideshow\/showcase1\/image1_thumb.png\" width=\"35\" height=\"35\" alt=\"Image 01\" \/> Item 1<\/div><\/div>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t<div><div><img loading=\"lazy\" decoding=\"async\" src=\"wp-content\/uploads\/yootheme\/widgetkit\/slideshow\/showcase1\/image2_thumb.png\" width=\"35\" height=\"35\" alt=\"Image 02\" \/> Item 2<\/div><\/div>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t<div><div><img loading=\"lazy\" decoding=\"async\" src=\"wp-content\/uploads\/yootheme\/widgetkit\/slideshow\/showcase1\/image3_thumb.png\" width=\"35\" height=\"35\" alt=\"Image 03\" \/> Item 3<\/div><\/div>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t<div><div><img loading=\"lazy\" decoding=\"async\" src=\"wp-content\/uploads\/yootheme\/widgetkit\/slideshow\/showcase1\/image4_thumb.png\" width=\"35\" height=\"35\" alt=\"Image 04\" \/> Item 4<\/div><\/div>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t\t\t<ul class=\"set\">\n\t\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t<div><div><img loading=\"lazy\" decoding=\"async\" src=\"wp-content\/uploads\/yootheme\/widgetkit\/slideshow\/showcase1\/image5_thumb.png\" width=\"35\" height=\"35\" alt=\"Image 05\" \/> Item 5<\/div><\/div>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t<div><div><img loading=\"lazy\" decoding=\"async\" src=\"wp-content\/uploads\/yootheme\/widgetkit\/slideshow\/showcase1\/image6_thumb.png\" width=\"35\" height=\"35\" alt=\"Image 06\" \/> Item 6<\/div><\/div>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t<div><div><img loading=\"lazy\" decoding=\"async\" src=\"wp-content\/uploads\/yootheme\/widgetkit\/slideshow\/showcase1\/image7_thumb.png\" width=\"35\" height=\"35\" alt=\"Image 07\" \/> Item 7<\/div><\/div>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t<div><div><img loading=\"lazy\" decoding=\"async\" src=\"wp-content\/uploads\/yootheme\/widgetkit\/slideshow\/showcase1\/image8_thumb.png\" width=\"35\" height=\"35\" alt=\"Image 08\" \/> Item 8<\/div><\/div>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"next\"><\/div><div class=\"prev\"><\/div>\t\t<\/div>\n\t<\/div>\n\t\n<\/div>\n\n<h2>Showcase Button Example<\/h2>\n<p>This is an image slideshow with some nice navigation buttons. You can place any kind of HTML in the navigation buttons.<\/p>\n\n<div id=\"showcase-534-69d21bc27d5fc\" class=\"wk-slideshow-showcasebuttons\" data-widgetkit=\"showcase\" data-options='{\"style\":\"showcase_buttons\",\"autoplay\":0,\"interval\":5000,\"width\":600,\"height\":300,\"duration\":500,\"index\":0,\"order\":\"default\",\"buttons\":1,\"slices\":20,\"animated\":\"scale\",\"caption_animation_duration\":500,\"effect\":\"zoom\",\"slideset_buttons\":0,\"items_per_set\":4,\"slideset_effect_duration\":400}'>\n\n\t<div id=\"slideshow-534-69d21bc27d5fc\" class=\"wk-slideshow\">\n\t\t<div class=\"slides-container\">\n\t\t\t<ul class=\"slides\">\n\t\t\t\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t<article class=\"wk-content clearfix\"><img loading=\"lazy\" decoding=\"async\" src=\"wp-content\/uploads\/yootheme\/widgetkit\/slideshow\/showcase2\/image1.jpg\" alt=\"Image 01\" height=\"300\" width=\"600\" \/><\/article>\n\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t<article class=\"wk-content clearfix\"><img loading=\"lazy\" decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAJEAAAAAAP\/\/\/\/\/\/\/wAAACH5BAEHAAIALAAAAAABAAEAAAICVAEAOw==\" data-src=\"wp-content\/uploads\/yootheme\/widgetkit\/slideshow\/showcase2\/image2.jpg\" alt=\"Image 02\" height=\"300\" width=\"600\" \/><\/article>\n\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t<article class=\"wk-content clearfix\"><img loading=\"lazy\" decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAJEAAAAAAP\/\/\/\/\/\/\/wAAACH5BAEHAAIALAAAAAABAAEAAAICVAEAOw==\" data-src=\"wp-content\/uploads\/yootheme\/widgetkit\/slideshow\/showcase2\/image3.jpg\" alt=\"Image 03\" height=\"300\" width=\"600\" \/><\/article>\n\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t<article class=\"wk-content clearfix\"><img loading=\"lazy\" decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAJEAAAAAAP\/\/\/\/\/\/\/wAAACH5BAEHAAIALAAAAAABAAEAAAICVAEAOw==\" data-src=\"wp-content\/uploads\/yootheme\/widgetkit\/slideshow\/showcase2\/image4.jpg\" alt=\"Image 04\" height=\"300\" width=\"600\" \/><\/article>\n\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t<div class=\"next\"><\/div><div class=\"prev\"><\/div>\t\t<\/div>\n\t<\/div>\n\n\t<div id=\"slideset-534-69d21bc27d5fc\" class=\"wk-slideset no-buttons\">\n\t\t<div>\n\t\t\t<div class=\"sets\">\n\t\t\t\t\t\t\t\t<ul class=\"set\">\n\t\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t<div><div><img loading=\"lazy\" decoding=\"async\" src=\"wp-content\/uploads\/yootheme\/widgetkit\/slideshow\/showcase1\/image1_thumb.png\" width=\"35\" height=\"35\" alt=\"Image 01\" \/> Item 1<\/div><\/div>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t<div><div><img loading=\"lazy\" decoding=\"async\" src=\"wp-content\/uploads\/yootheme\/widgetkit\/slideshow\/showcase1\/image2_thumb.png\" width=\"35\" height=\"35\" alt=\"Image 02\" \/> Item 2<\/div><\/div>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t<div><div><img loading=\"lazy\" decoding=\"async\" src=\"wp-content\/uploads\/yootheme\/widgetkit\/slideshow\/showcase1\/image3_thumb.png\" width=\"35\" height=\"35\" alt=\"Image 03\" \/> Item 3<\/div><\/div>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t<div><div><img loading=\"lazy\" decoding=\"async\" src=\"wp-content\/uploads\/yootheme\/widgetkit\/slideshow\/showcase1\/image4_thumb.png\" width=\"35\" height=\"35\" alt=\"Image 04\" \/> Item 4<\/div><\/div>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t<\/div>\n\t\n<\/div>\n<h2>Tabs Example<\/h2>\n<p>This is a classic, tabbed slideshow. Tabs can be aligned to the left, right and center.<\/p>\n\n<div id=\"slideshow-531-69d21bc27e6fa\" class=\"wk-slideshow wk-slideshow-tabs\" data-widgetkit=\"slideshow\" data-options='{\"style\":\"tabs\",\"autoplay\":0,\"interval\":5000,\"width\":\"auto\",\"height\":\"auto\",\"duration\":500,\"index\":0,\"order\":\"default\",\"navigation\":\"left\",\"animated\":\"scroll\"}'>\n\t\n\t<div class=\"nav-container nav-left clearfix\">\n\t\t<ul class=\"nav\">\n\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t<span>Tab One<\/span>\n\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t<span>Tab Two<\/span>\n\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t<span>Tab Three<\/span>\n\t\t\t<\/li>\n\t\t\t\t\t<\/ul>\n\t<\/div>\n\t\n\t<div class=\"slides-container\"><ul class=\"slides\"><li><article class=\"wk-content clearfix\"><img loading=\"lazy\" decoding=\"async\" class=\"align-left\" src=\"wp-content\/uploads\/yootheme\/widgetkit\/slideshow\/icons\/image4.png\" alt=\"Icon 04\" width=\"115\" height=\"105\" \/>\r\n<h3 class=\"remove-margin-t\">Headline<\/h3>\r\n<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/p><\/article><\/li><li><article class=\"wk-content clearfix\"><img loading=\"lazy\" decoding=\"async\" class=\"align-left\" src=\"wp-content\/uploads\/yootheme\/widgetkit\/slideshow\/icons\/image5.png\" alt=\"Icon 05\" width=\"115\" height=\"105\" \/>\r\n<h3 class=\"remove-margin-t\">Headline<\/h3>\r\n<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/p><\/article><\/li><li><article class=\"wk-content clearfix\"><img loading=\"lazy\" decoding=\"async\" class=\"align-left\" src=\"wp-content\/uploads\/yootheme\/widgetkit\/slideshow\/icons\/image6.png\" alt=\"Icon 06\" width=\"115\" height=\"105\" \/>\r\n<h3 class=\"remove-margin-t\">Headline<\/h3>\r\n<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/p><\/article><\/li><\/ul><\/div>\n\t\n<\/div>\n<h2>Tabs Bar Example<\/h2>\n<p>This is a slideshow with a tabbed navigation bar. Tabs can be aligned to the left, right and center.<\/p>\n\n<div id=\"slideshow-532-69d21bc27ecf4\" class=\"wk-slideshow wk-slideshow-tabsbar\" data-widgetkit=\"slideshow\" data-options='{\"style\":\"tabs_bar\",\"autoplay\":0,\"interval\":5000,\"width\":\"auto\",\"height\":\"auto\",\"duration\":500,\"index\":0,\"order\":\"default\",\"navigation\":\"left\",\"animated\":\"scroll\"}'>\n\t\n\t<div class=\"nav-container nav-left clearfix\">\n\t\t<ul class=\"nav\">\n\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t<span>Tab One<\/span>\n\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t<span>Tab Two<\/span>\n\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t<span>Tab Three<\/span>\n\t\t\t<\/li>\n\t\t\t\t\t<\/ul>\n\t<\/div>\n\t\n\t<div class=\"slides-container\"><ul class=\"slides\"><li><article class=\"wk-content clearfix\"><img loading=\"lazy\" decoding=\"async\" class=\"align-left\" src=\"wp-content\/uploads\/yootheme\/widgetkit\/slideshow\/icons\/image1.png\" alt=\"Icon 01\" width=\"115\" height=\"105\" \/>\r\n<h3 class=\"remove-margin-t\">Headline<\/h3>\r\n<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/p><\/article><\/li><li><article class=\"wk-content clearfix\"><img loading=\"lazy\" decoding=\"async\" class=\"align-left\" src=\"wp-content\/uploads\/yootheme\/widgetkit\/slideshow\/icons\/image2.png\" alt=\"Icon 02\" width=\"115\" height=\"105\" \/>\r\n<h3 class=\"remove-margin-t\">Headline<\/h3>\r\n<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/p><\/article><\/li><li><article class=\"wk-content clearfix\"><img loading=\"lazy\" decoding=\"async\" class=\"align-left\" src=\"wp-content\/uploads\/yootheme\/widgetkit\/slideshow\/icons\/image3.png\" alt=\"Icon 03\" width=\"115\" height=\"105\" \/>\r\n<h3 class=\"remove-margin-t\">Headline<\/h3>\r\n<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/p><\/article><\/li><\/ul><\/div>\n\t\n<\/div>\n<h2>List Example<\/h2>\n<p>This is a slideshow with a vertical tabbed list as navigation.<\/p>\n\n<div id=\"slideshow-530-69d21bc27f296\" class=\"wk-slideshow wk-slideshow-list\" data-widgetkit=\"slideshow\" data-options='{\"style\":\"list\",\"autoplay\":0,\"interval\":5000,\"width\":\"auto\",\"height\":\"auto\",\"duration\":500,\"index\":0,\"order\":\"default\",\"navigation\":200,\"animated\":\"scroll\"}'>\n\t<div>\n\t\n\t\t<ul class=\"nav nav-200 clearfix\">\n\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t<span>Item One<\/span>\n\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t<span>Item Two<\/span>\n\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t<span>Item Three<\/span>\n\t\t\t<\/li>\n\t\t\t\t\t<\/ul>\n\t\t\n\t\t<div class=\"slides-container\"><ul class=\"slides\"><li><article class=\"wk-content clearfix\"><h3 class=\"remove-margin-t\">Headline<\/h3>\r\n<img loading=\"lazy\" decoding=\"async\" class=\"align-right\" src=\"wp-content\/uploads\/yootheme\/widgetkit\/slideshow\/icons\/image9.png\" alt=\"Icon 09\" width=\"115\" height=\"105\" \/>\r\n<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/p>\r\n<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/p><\/article><\/li><li><article class=\"wk-content clearfix\"><h3 class=\"remove-margin-t\">Headline<\/h3>\r\n<img loading=\"lazy\" decoding=\"async\" class=\"align-right\" src=\"wp-content\/uploads\/yootheme\/widgetkit\/slideshow\/icons\/image8.png\" alt=\"Icon 08\" width=\"115\" height=\"105\" \/>\r\n<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/p>\r\n<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/p><\/article><\/li><li><article class=\"wk-content clearfix\"><h3 class=\"remove-margin-t\">Headline<\/h3>\r\n<img loading=\"lazy\" decoding=\"async\" class=\"align-right\" src=\"wp-content\/uploads\/yootheme\/widgetkit\/slideshow\/icons\/image7.png\" alt=\"Icon 07\" width=\"115\" height=\"105\" \/>\r\n<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/p>\r\n<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/p><\/article><\/li><\/ul><\/div>\n\t\t\n\t<\/div>\n<\/div>\n<h2>How To Use<\/h2>\n<p>The Widgetkit Slideshow takes full advantage of the very user-friendly Widgetkit administration user interface. It has never been easier to create and manage all the slideshows and their different slides in one place. After you created a slideshow you can load it anywhere in your theme using shortcodes or the universal Widgetkit Joomla module or WordPress widget.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Widgetkit Slideshow is the ultimate image and content slideshow for Joomla and WordPress. It&rsquo;s flexible, easy to customize and completely build with HTML5 and CSS3. Features Clean and very lightweight code 17 eye-catching transition effects Fully responsive including all effects Uses hardware accelerated CSS3 animations Support for HTML captions Swipe navigation on mobile phones [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-88","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.dermatologue.com\/index.php?rest_route=\/wp\/v2\/pages\/88","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.dermatologue.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.dermatologue.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.dermatologue.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dermatologue.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=88"}],"version-history":[{"count":11,"href":"https:\/\/www.dermatologue.com\/index.php?rest_route=\/wp\/v2\/pages\/88\/revisions"}],"predecessor-version":[{"id":579,"href":"https:\/\/www.dermatologue.com\/index.php?rest_route=\/wp\/v2\/pages\/88\/revisions\/579"}],"wp:attachment":[{"href":"https:\/\/www.dermatologue.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=88"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}