Improve company productivity with a Business Account.Sign Up

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 1273
  • Last Modified:

RESIZE AND ROTATE IMAGES USING MOUSE

i want the mouse to control the image, and so accordingly it should enlarge an image and rotate it.

How can this be achieved? Please provide samples of code if possible.
0
zhussai7
Asked:
zhussai7
2 Solutions
 
weedCommented:
In...Photoshop? What are you trying to do, in what program, and for what purpose?
0
 
j3oneCommented:
I not sure, but I think you mean that you want people to be able to move or rotate images in your website, right?

-> flash or director will do the trick. if you are wanting to do this with code in the html, the only thing I can think of is dhtml or javscript ->http://www.experts-exchange.com/Web/Web_Languages/JavaScript/
0
 
monolith_888Commented:
Here's a good start:

-monolith_888

==================

<html>
<head>
<title>T2</title>
<style type="text/css">
span {cursor:hand;color:#666;font-family:tahoma;font-weight:bold;font-size:12px;margin-left:10px;margin-right:10px;border:1px solid #000;padding:2px;width:50px;text-align:center;}
</style>
<script type="text/javascript">
<!--
var imgState =
      {
      zoom  : 1,
      flip  : 'fliph'
      };

function rotate( way )
      {
      var theImg = document.getElementById('myImg');
      var theDiv = document.getElementById('flipper');
      imgState.flip  = (imgState.flip == 'fliph') ? 'flipv' : 'fliph';
      theImg.style.filter = imgState.flip;
      }
      
function zoom( which )
      {
      var theImg = document.getElementById('myImg');
      imgState.zoom = (which == 'in') ? imgState.zoom += .1 : imgState.zoom -= .1;
      theImg.style.zoom = imgState.zoom;
      }
// -->
</script>
</head>
<body>
<span onclick="location.reload();" style="border:0px;">reset</span><P>
<span onclick="rotate('cl');">flip</span>
<span onclick="zoom('in');">+</span>
<span onclick="zoom('out');">-</span>
<P></P>
<img src="http://www.blakeanddawn.com/ee/sunset.jpg" id="myImg">
</body>
</html>
0
 
Havin_itCommented:
Think you'd be better off with a Java applet - a few examples (free) at

http://www.javascriptkit.com/java/

Or this version (very inventive, but requires Perl)

http://www.gifworks.com/

0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Get expert help—faster!

Need expert help—fast? Use the Help Bell for personalized assistance getting answers to your important questions.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now