\r\n <img src=\"images\/slide1.jpg\" alt=\"\" \/>\r\n <a href=\"#\"><img src=\"images\/slide2.jpg\" alt=\"\" title=\"#htmlcaption\" \/><\/a>\r\n <img src=\"images\/slide3.jpg\" alt=\"\" title=\"This is an example of a caption\" \/>\r\n <img src=\"images\/slide4.jpg\" alt=\"\" \/>\r\n<\/div>\r\n\r\n

\r\n This<\/strong> is an example of a HTML<\/em> caption with a link<\/a>.\r\n<\/div>\r\n\r\n<\/pre>\r\n
<\/p>\r\n
CSS<\/h3>\r\n\r\n
\r\n\/* The Nivo Slider styles *\/\r\n.nivoSlider {\r\n\tposition:relative;\r\n}\r\n.nivoSlider img {\r\n\tposition:absolute;\r\n\ttop:0px;\r\n\tleft:0px;\r\n}\r\n\/* If an image is wrapped in a link *\/\r\n.nivoSlider a.nivo-imageLink {\r\n\tposition:absolute;\r\n\ttop:0px;\r\n\tleft:0px;\r\n\twidth:100%;\r\n\theight:100%;\r\n\tborder:0;\r\n\tpadding:0;\r\n\tmargin:0;\r\n\tz-index:60;\r\n\tdisplay:none;\r\n}\r\n\/* The slices in the Slider *\/\r\n.nivo-slice {\r\n\tdisplay:block;\r\n\tposition:absolute;\r\n\tz-index:50;\r\n\theight:100%;\r\n}\r\n\/* Caption styles *\/\r\n.nivo-caption {\r\n\tposition:absolute;\r\n\tleft:0px;\r\n\tbottom:0px;\r\n\tbackground:#000;\r\n\tcolor:#fff;\r\n\topacity:0.8; \/* Overridden by captionOpacity setting *\/\r\n\twidth:100%;\r\n\tz-index:89;\r\n}\r\n.nivo-caption p {\r\n\tpadding:5px;\r\n\tmargin:0;\r\n}\r\n.nivo-caption a {\r\n\tdisplay:inline !important;\r\n}\r\n.nivo-html-caption {\r\n display:none;\r\n}\r\n\/* Direction nav styles (e.g. Next & Prev) *\/\r\n.nivo-directionNav a {\r\n\tposition:absolute;\r\n\ttop:45%;\r\n\tz-index:99;\r\n\tcursor:pointer;\r\n}\r\n.nivo-prevNav {\r\n\tleft:0px;\r\n}\r\n.nivo-nextNav {\r\n\tright:0px;\r\n}\r\n\/* Control nav styles (e.g. 1,2,3...) *\/\r\n.nivo-controlNav a {\r\n\tposition:relative;\r\n\tz-index:99;\r\n\tcursor:pointer;\r\n}\r\n.nivo-controlNav a.active {\r\n\tfont-weight:bold;\r\n}\r\n<\/pre>","protected":false},"excerpt":{"rendered":"
Live Demo Download A slider with a variety of unique transition effects. For full specifications visit the official website http:\/\/nivo.dev7studios.com JavaScript We should include jQuery framework and jquery.nivo.slider.pack.js by pointing src attribute in the script tag to those .js files. <script type=”text\/javascript” src=”js\/jquery-1.4.4.min.js” ><\/script> <script type=”text\/javascript” src=”js\/jquery.nivo.slider.pack.js”><\/script> Initialization script we place in the section […]<\/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,832,816],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/6715"}],"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=6715"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/6715\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=6715"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=6715"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=6715"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}