function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion
SFDC NINJASFDC NINJA 

How to enlarge image?



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"> </apex:image>
​

Please help !

 
Best Answer chosen by SFDC NINJA
Prabhat Kumar12Prabhat Kumar12
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 >
<style>
img:hover {
            height: 200px;
        }
</style>
 <apex:image id="theImage" value="https://s3.amazonaws.com/{!bucketToList}/{!obj.key}? AWSAccessKeyId=AKIAJGN4J4RSRNW26IEA&amp" width="220" height="55"/>
</apex:page>
When you will hover on image, Image will zoom in.
 

All Answers

Prabhat Kumar12Prabhat Kumar12
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 >
<style>
img:hover {
            height: 200px;
        }
</style>
 <apex:image id="theImage" value="https://s3.amazonaws.com/{!bucketToList}/{!obj.key}? AWSAccessKeyId=AKIAJGN4J4RSRNW26IEA&amp" width="220" height="55"/>
</apex:page>
When you will hover on image, Image will zoom in.
 
This was selected as the best answer
SFDC NINJASFDC NINJA
Thank you so much. It worked like a charm.