{"id":6702,"date":"2011-03-17T04:32:47","date_gmt":"2011-03-17T08:32:47","guid":{"rendered":"http:\/\/info.template-help.com\/?p=6702"},"modified":"2015-09-11T05:21:01","modified_gmt":"2015-09-11T09:21:01","slug":"thumbsmousemover","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/thumbsmousemover.html","title":{"rendered":"&#8220;thumbsMouseMover&#8221;"},"content":{"rendered":"This carousel scrolls depending on the mouse position.\r\n<h3>JavaScript<\/h3>\r\nWe should include jQuery framework and thumbsMouseMover.js by pointing src attribute in the script tag to those .js files.\r\n<img src=\"http:\/\/info.template-help.com\/files\/jquery\/carousel\/carousel_5_1.png\" alt=\"1\" \/>\r\nThe  section of the index-#.html file contains these lines of code that initialize the script functionality with basic values:\r\n<img src=\"http:\/\/info.template-help.com\/files\/jquery\/carousel\/carousel_5_2.png\" alt=\"2\" \/>\r\nWe specify the id of the carousel element &#8211; #thumbs, and some additional options such as easing and animation duration.\r\n<h3>HTML<\/h3>\r\nBelow you can see general HTML script representation:\r\n<img src=\"http:\/\/info.template-help.com\/files\/jquery\/carousel\/carousel_5_3.png\" alt=\"3\" \/>\r\nInside thetags you should insert the image. Adding another image is simple, just add another element with an image inside.\r\n<h3>CSS<\/h3>\r\nYou can find script related stylesheet in the main style.css file.\r\n<img src=\"http:\/\/info.template-help.com\/files\/jquery\/carousel\/carousel_5_4.png\" alt=\"4\" \/>","protected":false},"excerpt":{"rendered":"<p>This carousel scrolls depending on the mouse position. JavaScript We should include jQuery framework and thumbsMouseMover.js by pointing src attribute in the script tag to those .js files. The section of the index-#.html file contains these lines of code that initialize the script functionality with basic values: We specify the id of the carousel element [&hellip;]<\/p>\n","protected":false},"author":13,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[269,270],"tags":[821,813],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/6702"}],"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=6702"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/6702\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=6702"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=6702"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=6702"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}