{"id":6686,"date":"2011-03-17T03:50:14","date_gmt":"2011-03-17T07:50:14","guid":{"rendered":"http:\/\/info.template-help.com\/?p=6686"},"modified":"2013-06-13T08:47:07","modified_gmt":"2013-06-13T12:47:07","slug":"bgslider","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/bgslider.html","title":{"rendered":"&#8220;bgSlider&#8221;"},"content":{"rendered":"bgSlider allows to apply the gallery as a website background. It&#8217;s quite similar to jbGallery script, but not such complex.\r\n\r\n<h3>JavaScript<\/h3>\r\nWe should include jQuery framework and bgSlider.js by pointing src attribute in the script tag to those .js files:\r\n<img src=\"http:\/\/info.template-help.com\/files\/jquery\/gallery\/gallery_10_1.png\" alt=\"1\" \/>\r\n\r\nBelow is the initialization script:\r\n\r\n<img src=\"http:\/\/info.template-help.com\/files\/jquery\/gallery\/gallery_10_2.png\" alt=\"2\" \/>\r\n\r\nIn the $() part we specify an array with the path to image files, and in the bgSlider({}) part &#8211; gallery options. Here&#8217;s the list of supported options:\r\n\r\ninterval: time delay in milliseconds between each slide\r\nspeed: animation time\r\npags: controls to switch between slides. Specify path to anchors .pags li a.\r\n\r\n\r\n<h3>HTML<\/h3>\r\nThe HTML code will look like this then:\r\n\r\n<pre class=\"brush:html\">\r\n  <ul class=\"pags\">\r\n    <li><a href=\"#\" rel=\"1\">01<\/a><\/li>\r\n    <li><a href=\"#\" rel=\"2\">02<\/a><\/li>\r\n    \u2026\r\n  <\/ul>\r\n<\/pre>\r\n\r\nNote, that each element should have a rel=&#8221;&#8221; attribute with the number of a slide.\r\n\r\nslideshow: true or false for slideshow option\r\npreload: true or false for preloading images (recommended)\r\ncurrent: specify the rel=&#8221;&#8221; number of the image which should be displayed as default one\r\n\r\n<h3>CSS<\/h3>\r\nYou can find script related stylesheet in the style.css file.\r\n\r\n<img src=\"http:\/\/info.template-help.com\/files\/jquery\/gallery\/gallery_10_3.png\" alt=\"3\" \/>","protected":false},"excerpt":{"rendered":"<p>bgSlider allows to apply the gallery as a website background. It&#8217;s quite similar to jbGallery script, but not such complex. JavaScript We should include jQuery framework and bgSlider.js by pointing src attribute in the script tag to those .js files: Below is the initialization script: In the $() part we specify an array with the [&hellip;]<\/p>\n","protected":false},"author":13,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[262,270],"tags":[813,816],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/6686"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=6686"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/6686\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=6686"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=6686"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=6686"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}