{"id":243,"date":"2009-04-05T09:24:30","date_gmt":"2009-04-05T16:24:30","guid":{"rendered":"https:\/\/actionsnippet.com\/?p=1112"},"modified":"2009-04-05T09:24:30","modified_gmt":"2009-04-05T16:24:30","slug":"slider-navigation","status":"publish","type":"post","link":"https:\/\/actionsnippet.com\/?p=243","title":{"rendered":"Slider Navigation"},"content":{"rendered":"<pre class=\"brush: as3; title: ; notranslate\" title=\"\">\r\nvar thumbNum:Number = 20;\r\nvar spacing:Number = 10;\r\nvar thumbs:MovieClip = new MovieClip();\r\naddChild(thumbs);\r\nfor (var i:int = 0; i&lt;thumbNum; i++){\r\n\tvar t:MovieClip = new MovieClip();\r\n\twith(t.graphics) beginFill(0x666666), drawRect(0,0,100,50);\r\n\tt.x = i * (t.width + spacing);\r\n\tt.y = 5;\r\n    t.buttonMode = true;\r\n\tthumbs.addChild(t);\r\n}\r\nvar minX:Number = stage.stageWidth - thumbs.width - spacing;\r\nvar destX:Number = thumbs.x = spacing;\r\nvar velX:Number = 10;\r\nvar stageThird:Number =  stage.stageWidth \/ 3;\r\nvar right:Number = stageThird * 2;\r\nvar left:Number  = stageThird;\r\naddEventListener(Event.ENTER_FRAME, onLoop);\r\nfunction onLoop(evt:Event):void {\r\n\tif (mouseX &gt; right){\r\n\t   destX -= velX;\r\n\t}\r\n\tif (mouseX &lt; left){\r\n\t\tdestX += velX;\r\n\t}\r\n\tif (destX &lt; minX){\r\n\t\tdestX = minX;\r\n\t}\r\n\tif (destX &gt; spacing){\r\n\t\tdestX = spacing;\r\n\t}\r\n\tthumbs.x += (destX - thumbs.x) \/4;\r\n}\r\n<\/pre>\n<p>This snippet shows a technique for a common type of navigation.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>var thumbNum:Number = 20; var spacing:Number = 10; var thumbs:MovieClip = new MovieClip(); addChild(thumbs); for (var i:int = 0; i&lt;thumbNum; i++){ var t:MovieClip = new MovieClip(); with(t.graphics) beginFill(0x666666), drawRect(0,0,100,50); t.x = i * (t.width + spacing); t.y = 5; t.buttonMode = true; thumbs.addChild(t); } var minX:Number = stage.stageWidth &#8211; thumbs.width &#8211; spacing; var destX:Number = [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13,98],"tags":[99,4],"class_list":["post-243","post","type-post","status-publish","format-standard","hentry","category-motion","category-ui","tag-actionsnippet","tag-flash"],"_links":{"self":[{"href":"https:\/\/actionsnippet.com\/index.php?rest_route=\/wp\/v2\/posts\/243","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/actionsnippet.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/actionsnippet.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/actionsnippet.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/actionsnippet.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=243"}],"version-history":[{"count":0,"href":"https:\/\/actionsnippet.com\/index.php?rest_route=\/wp\/v2\/posts\/243\/revisions"}],"wp:attachment":[{"href":"https:\/\/actionsnippet.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=243"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/actionsnippet.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=243"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/actionsnippet.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=243"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}