{"id":112,"date":"2011-07-31T16:55:44","date_gmt":"2011-07-31T16:55:44","guid":{"rendered":"https:\/\/www.puertasmorenajj.com\/?page_id=112"},"modified":"2011-07-31T17:08:48","modified_gmt":"2011-07-31T17:08:48","slug":"gallery","status":"publish","type":"page","link":"https:\/\/www.puertasmorenajj.com\/?page_id=112","title":{"rendered":"Gallery"},"content":{"rendered":"<p>The Widgetkit Gallery provides a smart and automated way to publish images on your website. You only need to select the image folders and the whole gallery is generated automatically.<\/p>\n<h2>Features<\/h2>\n<ul class=\"check\">\n<li>Comes with image wall, slider and slideshow styles<\/li>\n<li>Folder based image selection<\/li>\n<li>Support for multiple image folders<\/li>\n<li>Automatic thumbnail creation<\/li>\n<li>Support for image captions and custom links<\/li>\n<li>Uses the Widgetkit Spotlight and Lightbox<\/li>\n<li>Built with HTML5, CSS3, PHP 5.2+, and the latest jQuery version<\/li>\n<li>Works with Joomla, WordPress and Stand-alone<\/li>\n<\/ul>\n<h2>Image Wall Example<\/h2>\n<p>This is an image wall with zoom effect, no margins and squared corners using the lightbox.<\/p>\n\n<div class=\"wk-gallery wk-gallery-wall clearfix zoom \">\n\n\t\t\n\t\t\t\n\t\t\t\t\t<a class=\"\" href=\"\/wp-content\/uploads\/yootheme\/widgetkit\/gallery\/zoom\/ANDES TINTE NOGAL.png\" data-lightbox=\"group:504-69dbaa3468f82\" title=\"ANDES TINTE NOGAL\" ><img src=\"\/wp-content\/plugins\/widgetkit\/cache\/gallery\/504\/ANDES TINTE NOGAL-3701af1991.png\" width=\"200\" height=\"150\" alt=\"ANDES TINTE NOGAL\" \/><\/a>\n\t\t\t\t\n\t\t\n\t\t\t\n\t\t\t\t\t<a class=\"\" href=\"\/wp-content\/uploads\/yootheme\/widgetkit\/gallery\/zoom\/COVADONGA  CIEGA  NOGAL  +  FIJO  V1  INT. copia copia.png\" data-lightbox=\"group:504-69dbaa3468f82\" title=\"COVADONGA  CIEGA  NOGAL  +  FIJO  V1  INT. copia copia\" ><img src=\"\/wp-content\/plugins\/widgetkit\/cache\/gallery\/504\/COVADONGA  CIEGA  NOGAL  +  FIJO  V1  INT. copia copia-8ca6b91cf7.png\" width=\"200\" height=\"150\" alt=\"COVADONGA  CIEGA  NOGAL  +  FIJO  V1  INT. copia copia\" \/><\/a>\n\t\t\t\t\n\t\t\n\t\t\t\n\t\t\t\t\t<a class=\"\" href=\"\/wp-content\/uploads\/yootheme\/widgetkit\/gallery\/zoom\/aVILA.png\" data-lightbox=\"group:504-69dbaa3468f82\" title=\"aVILA\" ><img src=\"\/wp-content\/plugins\/widgetkit\/cache\/gallery\/504\/aVILA-7ca0b041f8.png\" width=\"200\" height=\"150\" alt=\"aVILA\" \/><\/a>\n\t\t\t\t\n\t\n<\/div>\n\n\n<h2>Polaroid Example<\/h2>\n<p>This is an image wall with scattered polaroid pictures using the lightbox.<\/p>\n\n<div class=\"wk-gallery wk-gallery-wall clearfix polaroid \">\n\n\t\t\n\t\t\t\n\t\t\t\t\t<a class=\"\" href=\"\/wp-content\/uploads\/yootheme\/widgetkit\/gallery\/polaroid\/image1.jpg\" data-lightbox=\"group:506-69dbaa34697c9\" title=\"Tony\" ><div><img src=\"\/wp-content\/plugins\/widgetkit\/cache\/gallery\/506\/image1-28114964f3.jpg\" width=\"200\" height=\"150\" alt=\"image1\" \/><p class=\"title\">Tony<\/p><\/div><\/a>\n\t\t\t\t\n\t\t\n\t\t\t\n\t\t\t\t\t<a class=\"\" href=\"\/wp-content\/uploads\/yootheme\/widgetkit\/gallery\/polaroid\/image2.jpg\" data-lightbox=\"group:506-69dbaa34697c9\" title=\"Susan\" ><div><img src=\"\/wp-content\/plugins\/widgetkit\/cache\/gallery\/506\/image2-0774cee8c3.jpg\" width=\"200\" height=\"150\" alt=\"image2\" \/><p class=\"title\">Susan<\/p><\/div><\/a>\n\t\t\t\t\n\t\t\n\t\t\t\n\t\t\t\t\t<a class=\"\" href=\"\/wp-content\/uploads\/yootheme\/widgetkit\/gallery\/polaroid\/image3.jpg\" data-lightbox=\"group:506-69dbaa34697c9\" title=\"Jennifer\" ><div><img src=\"\/wp-content\/plugins\/widgetkit\/cache\/gallery\/506\/image3-b4c0ca1ce9.jpg\" width=\"200\" height=\"150\" alt=\"image3\" \/><p class=\"title\">Jennifer<\/p><\/div><\/a>\n\t\t\t\t\n\t\t\n\t\t\t\n\t\t\t\t\t<a class=\"\" href=\"\/wp-content\/uploads\/yootheme\/widgetkit\/gallery\/polaroid\/image4.jpg\" data-lightbox=\"group:506-69dbaa34697c9\" title=\"Kim\" ><div><img src=\"\/wp-content\/plugins\/widgetkit\/cache\/gallery\/506\/image4-6abba3a89c.jpg\" width=\"200\" height=\"150\" alt=\"image4\" \/><p class=\"title\">Kim<\/p><\/div><\/a>\n\t\t\t\t\n\t\t\n\t\t\t\n\t\t\t\t\t<a class=\"\" href=\"\/wp-content\/uploads\/yootheme\/widgetkit\/gallery\/polaroid\/image5.jpg\" data-lightbox=\"group:506-69dbaa34697c9\" title=\"Vanessa\" ><div><img src=\"\/wp-content\/plugins\/widgetkit\/cache\/gallery\/506\/image5-3449ac5be7.jpg\" width=\"200\" height=\"150\" alt=\"image5\" \/><p class=\"title\">Vanessa<\/p><\/div><\/a>\n\t\t\t\t\n\t\t\n\t\t\t\n\t\t\t\t\t<a class=\"\" href=\"\/wp-content\/uploads\/yootheme\/widgetkit\/gallery\/polaroid\/image6.jpg\" data-lightbox=\"group:506-69dbaa34697c9\" title=\"Clark\" ><div><img src=\"\/wp-content\/plugins\/widgetkit\/cache\/gallery\/506\/image6-a1235e1190.jpg\" width=\"200\" height=\"150\" alt=\"image6\" \/><p class=\"title\">Clark<\/p><\/div><\/a>\n\t\t\t\t\n\t\n<\/div>\n\n\n<h2>Slider Example 1<\/h2>\n<p>This is an image slider where the image centers automatically during the effect. It also features a spotlight caption and the lightbox.<\/p>\n\n<div class=\"wk-gallery-slider\" id=\"gallery-slider-508-69dbaa346a1ed\" data-widgetkit=\"gallery-slider\" data-options='{\"style\":\"slider\",\"width\":300,\"height\":200,\"total_width\":600,\"spacing\":3,\"center\":1,\"sticky\":0,\"duration\":400,\"lightbox\":1,\"lightbox_caption\":1,\"spotlight\":1,\"spotlight_effect\":\"bottom\"}'>\n<ul class=\"slides\">\n\n\t\n\t\t\t\t\n\t\t\t\t\t<li style=\"background: url('\/wp-content\/plugins\/widgetkit\/cache\/gallery\/508\/image1-1db52d626e.jpg') 50% 0 no-repeat;\"><a class=\"\" style=\"width: 300px;\" href=\"\/wp-content\/uploads\/yootheme\/widgetkit\/gallery\/slider2\/image1.jpg\" data-lightbox=\"group:508-69dbaa346a1ed\" title=\"This is a caption for the first image.\" data-spotlight=\"effect:bottom\"><div style=\"height: 200px; width: 300px;\"><\/div><div class=\"overlay\">This is a caption for the first image.<\/div><\/a><\/li>\n\t\t\n\t\n\t\t\t\t\n\t\t\t\t\t<li style=\"background: url('\/wp-content\/plugins\/widgetkit\/cache\/gallery\/508\/image2-016467cae1.jpg') 50% 0 no-repeat;\"><a class=\"\" style=\"width: 300px;\" href=\"\/wp-content\/uploads\/yootheme\/widgetkit\/gallery\/slider2\/image2.jpg\" data-lightbox=\"group:508-69dbaa346a1ed\" title=\"This is a caption for the second image.\" data-spotlight=\"effect:bottom\"><div style=\"height: 200px; width: 300px;\"><\/div><div class=\"overlay\">This is a caption for the second image.<\/div><\/a><\/li>\n\t\t\n\t\n\t\t\t\t\n\t\t\t\t\t<li style=\"background: url('\/wp-content\/plugins\/widgetkit\/cache\/gallery\/508\/image3-38ced5de49.jpg') 50% 0 no-repeat;\"><a class=\"\" style=\"width: 300px;\" href=\"\/wp-content\/uploads\/yootheme\/widgetkit\/gallery\/slider2\/image3.jpg\" data-lightbox=\"group:508-69dbaa346a1ed\" title=\"This is a caption for the third image.\" data-spotlight=\"effect:bottom\"><div style=\"height: 200px; width: 300px;\"><\/div><div class=\"overlay\">This is a caption for the third image.<\/div><\/a><\/li>\n\t\t\n\t\n\t\t\t\t\n\t\t\t\t\t<li style=\"background: url('\/wp-content\/plugins\/widgetkit\/cache\/gallery\/508\/image4-2dde70cd71.jpg') 50% 0 no-repeat;\"><a class=\"\" style=\"width: 300px;\" href=\"\/wp-content\/uploads\/yootheme\/widgetkit\/gallery\/slider2\/image4.jpg\" data-lightbox=\"group:508-69dbaa346a1ed\" title=\"This is a caption for the fourth image.\" data-spotlight=\"effect:bottom\"><div style=\"height: 200px; width: 300px;\"><\/div><div class=\"overlay\">This is a caption for the fourth image.<\/div><\/a><\/li>\n\t\t\n\t\t\n<\/ul>\n<\/div>\n\n\n<h2>Slider Example 2<\/h2>\n<p>This is an image slider where the image stays left during the effect.<\/p>\n\n<div class=\"wk-gallery-slider\" id=\"gallery-slider-507-69dbaa346a8b1\" data-widgetkit=\"gallery-slider\" data-options='{\"style\":\"slider\",\"width\":300,\"height\":200,\"total_width\":600,\"spacing\":3,\"center\":0,\"sticky\":0,\"duration\":400,\"lightbox\":0,\"lightbox_caption\":1,\"spotlight\":0,\"spotlight_effect\":\"\"}'>\n<ul class=\"slides\">\n\n\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t<li style=\"background: url('\/wp-content\/plugins\/widgetkit\/cache\/gallery\/507\/image1-d7eabeb8ea.jpg') 0 0 no-repeat;\"><div style=\"height: 200px; width: 300px;\"><\/div><\/li>\n\t\t\n\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t<li style=\"background: url('\/wp-content\/plugins\/widgetkit\/cache\/gallery\/507\/image2-fd3784ff34.jpg') 0 0 no-repeat;\"><div style=\"height: 200px; width: 300px;\"><\/div><\/li>\n\t\t\n\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t<li style=\"background: url('\/wp-content\/plugins\/widgetkit\/cache\/gallery\/507\/image3-4e8f185364.jpg') 0 0 no-repeat;\"><div style=\"height: 200px; width: 300px;\"><\/div><\/li>\n\t\t\n\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t<li style=\"background: url('\/wp-content\/plugins\/widgetkit\/cache\/gallery\/507\/image4-f031c1f059.jpg') 0 0 no-repeat;\"><div style=\"height: 200px; width: 300px;\"><\/div><\/li>\n\t\t\n\t\t\n<\/ul>\n<\/div>\n\n\n<h2>Slideshow Example<\/h2>\n<p>This is an image gallery using all the features from the slideshow widget.<\/p>\n\n<div id=\"gallery-502-69dbaa346b0c3\" class=\"wk-slideshow wk-slideshow-default\" data-widgetkit=\"slideshow\" data-options='{\"style\":\"default\",\"width\":600,\"height\":300,\"autoplay\":1,\"interval\":5000,\"duration\":500,\"index\":0,\"navigation\":1,\"buttons\":1,\"slices\":15,\"animated\":\"randomFx\",\"caption_animation_duration\":500,\"lightbox\":0}'>\n\t<div>\n\t\t<ul class=\"slides\">\n\n\t\t\t            \n\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t<li><img src=\"\/wp-content\/plugins\/widgetkit\/cache\/gallery\/502\/image1-fae1c384cb.jpg\" width=\"600\" height=\"300\" alt=\"image1\" \/><\/li>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t            \n\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t<li><img src=\"data:image\/gif;base64,R0lGODlhAQABAJEAAAAAAP\/\/\/\/\/\/\/wAAACH5BAEHAAIALAAAAAABAAEAAAICVAEAOw==\" data-src=\"\/wp-content\/plugins\/widgetkit\/cache\/gallery\/502\/image2-7f9abbf14a.jpg\" width=\"600\" height=\"300\" alt=\"image2\" \/><\/li>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t            \n\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t<li><img src=\"data:image\/gif;base64,R0lGODlhAQABAJEAAAAAAP\/\/\/\/\/\/\/wAAACH5BAEHAAIALAAAAAABAAEAAAICVAEAOw==\" data-src=\"\/wp-content\/plugins\/widgetkit\/cache\/gallery\/502\/image3-e77aa50064.jpg\" width=\"600\" height=\"300\" alt=\"image3\" \/><\/li>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t            \n\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t<li><img src=\"data:image\/gif;base64,R0lGODlhAQABAJEAAAAAAP\/\/\/\/\/\/\/wAAACH5BAEHAAIALAAAAAABAAEAAAICVAEAOw==\" data-src=\"\/wp-content\/plugins\/widgetkit\/cache\/gallery\/502\/image4-6cc831b281.jpg\" width=\"600\" height=\"300\" alt=\"image4\" \/><\/li>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t            \n\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t<li><img src=\"data:image\/gif;base64,R0lGODlhAQABAJEAAAAAAP\/\/\/\/\/\/\/wAAACH5BAEHAAIALAAAAAABAAEAAAICVAEAOw==\" data-src=\"\/wp-content\/plugins\/widgetkit\/cache\/gallery\/502\/image5-ccba71f790.jpg\" width=\"600\" height=\"300\" alt=\"image5\" \/><\/li>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t<\/ul>\n        <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\t\n\n<h2>Spotlight Example<\/h2>\n<p>This is an image wall with some margins and rounded corners using the spotlight and lightbox.<\/p>\n\n<div class=\"wk-gallery wk-gallery-wall clearfix round margin \">\n\n\t\t\n\t\t\t\n\t\t\t\t\t<a class=\"\" href=\"\/wp-content\/uploads\/yootheme\/widgetkit\/gallery\/ANDES TINTE NOGAL.png\" data-lightbox=\"group:505-69dbaa346bb89\" title=\"ANDES TINTE NOGAL\" data-spotlight=\"on\"><img src=\"\/wp-content\/plugins\/widgetkit\/cache\/gallery\/505\/ANDES TINTE NOGAL-4869b0231e.png\" width=\"200\" height=\"150\" alt=\"ANDES TINTE NOGAL\" \/><\/a>\n\t\t\t\t\n\t\t\n\t\t\t\n\t\t\t\t\t<a class=\"\" href=\"\/wp-content\/uploads\/yootheme\/widgetkit\/gallery\/COVADONGA  CIEGA  NOGAL  +  FIJO  V1  INT. copia copia.png\" data-lightbox=\"group:505-69dbaa346bb89\" title=\"COVADONGA  CIEGA  NOGAL  +  FIJO  V1  INT. copia copia\" data-spotlight=\"on\"><img src=\"\/wp-content\/plugins\/widgetkit\/cache\/gallery\/505\/COVADONGA  CIEGA  NOGAL  +  FIJO  V1  INT. copia copia-a167602dd3.png\" width=\"200\" height=\"150\" alt=\"COVADONGA  CIEGA  NOGAL  +  FIJO  V1  INT. copia copia\" \/><\/a>\n\t\t\t\t\n\t\t\n\t\t\t\n\t\t\t\t\t<a class=\"\" href=\"\/wp-content\/uploads\/yootheme\/widgetkit\/gallery\/aVILA.png\" data-lightbox=\"group:505-69dbaa346bb89\" title=\"aVILA\" data-spotlight=\"on\"><img src=\"\/wp-content\/plugins\/widgetkit\/cache\/gallery\/505\/aVILA-2cf7c7aaec.png\" width=\"200\" height=\"150\" alt=\"aVILA\" \/><\/a>\n\t\t\t\t\n\t\n<\/div>\n\n\n<h2>How To Use<\/h2>\n<p>The Widgetkit Gallery comes with a user-friendly administration user interface which let&#8217;s you create new galleries with just a few clicks. The integrated directory browser let&#8217;s you easily add or remove source directories of your images. All galleries can be loaded anywhere in your theme using shortcodes or the universal Widgetkit Joomla module or WordPress widget.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Widgetkit Gallery provides a smart and automated way to publish images on your website. You only need to select the image folders and the whole gallery is generated automatically. Features Comes with image wall, slider and slideshow styles Folder based image selection Support for multiple image folders Automatic thumbnail creation Support for image captions [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/www.puertasmorenajj.com\/index.php?rest_route=\/wp\/v2\/pages\/112"}],"collection":[{"href":"https:\/\/www.puertasmorenajj.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.puertasmorenajj.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.puertasmorenajj.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.puertasmorenajj.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=112"}],"version-history":[{"count":3,"href":"https:\/\/www.puertasmorenajj.com\/index.php?rest_route=\/wp\/v2\/pages\/112\/revisions"}],"predecessor-version":[{"id":515,"href":"https:\/\/www.puertasmorenajj.com\/index.php?rest_route=\/wp\/v2\/pages\/112\/revisions\/515"}],"wp:attachment":[{"href":"https:\/\/www.puertasmorenajj.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=112"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}