I have an image where i need to zoom in and zoom out the image . How do i go about it . Not getting proper solutions until now . Banging head onto this . Have taken image tag where following is the code:

<apex:image id="theImage" value="https://s3.amazonaws.com/{!bucketToList}/{!obj.key}? AWSAccessKeyId=AKIAJGN4J4RSRNW26IEA&amp" width="100" height="100">

Please help !

  • 1
    apex images render as html images on the browser. There you can use CSS and Javascript, for which you can better ask questions on stackoverflow.com Nov 14, 2014 at 14:06

1 Answer 1


Visual force support HTML and JavaScript and if you want to Zoom out and Zoom in You can use Javascipt or CSS to achieve this functionality. Following link could be useful.

You can use like this.

<apex:page >
img:hover {
            height: 200px;
 <apex:image id="theImage" value="https://s3.amazonaws.com/{!bucketToList}/{!obj.key}? AWSAccessKeyId=AKIAJGN4J4RSRNW26IEA&amp" width="220" height="55"/>

When you will hover on image, Image will zoom in.


  • 1
    Welcome to SF.SE Prabhat. You've linked to an excellent resource in your answer. One never knows when a link might disappear so it's always a good practice to also summarize at least some of the steps that are in the link.
    – crmprogdev
    Nov 14, 2014 at 13:37
  • Can you please help me out to achieve this through Salesforce .(apex:image)
    – JJoseph
    Nov 14, 2014 at 13:40

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .