Advanced Search

mouse wheel zooming (shaking-shocking)

/ Published in: ActionScript 3
Save to your folder(s)
not work correktly

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
  3. 				creationComplete="init(event)"
  4. 				width="634" height="440" minWidth="955" minHeight="600" layout="absolute">
  5. 	<mx:Script>
  6. 		<![CDATA[
  7. 			import mx.events.FlexEvent;
  8.  
  9. 			import com.greensock.TweenMax;
  10. 			import com.greensock.plugins.TransformAroundPointPlugin;
  11. 			import com.greensock.plugins.TweenPlugin;
  12.  
  13. 			private var scaling:Number = 1;
  14.  
  15. 			protected function init(event:FlexEvent):void
  16. 			{
  17. 				TweenPlugin.activate([TransformAroundPointPlugin]);
  18. 				img.addEventListener(MouseEvent.MOUSE_WHEEL, zoomingEvent);
  19. 			}
  20.  
  21. 			protected function zoomingEvent(e:MouseEvent):void
  22. 			{
  23. 				scaling += e.delta * .05;
  24. 				if(scaling > 1)
  25. 					scaling = 1;
  26. 				if(scaling < .25)
  27. 					scaling = .25;
  28.  
  29. 				trace("scaleBook", img.y, img.y);
  30.  
  31. 				TweenMax.to(img, .5, {transformAroundPoint:{point:new Point(img.mouseX, img.mouseY), pointIsLocal:true, scale: scaling}});
  32. 			}
  33. 		]]>
  34. 	</mx:Script>
  35.  
  36. 	<mx:Canvas x="0" y="0" width="634" height="440" verticalScrollPolicy="off" horizontalScrollPolicy="off">
  37. 		<mx:Image id="img" x="-40" y="-18" width="2048" height="1356" source="@Embed(source='assets/DSC_1414-2048.jpg')"/>
  38. 	</mx:Canvas>
  39. </mx:Application>

URL: http://shakezooming.bozon.sk/

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.