+ Start a Discussion
Maxi SMaxi S 

How to enlarge an image in Vf page

I have developed inline vf page in which there are group of images. 
How to enlarge a particular image on mouse events (Like onclick, mouseover etc.) ??
NagaNaga (Salesforce Developers) 
Hi Maxi,

Visual force supports HTML and JavaScript and if you want to Zoom out and Zoom in You can use Javascipt or CSS to achieve this functionality. 
Please try the below code


<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>

Please let me know if this helps

Best Regards
Naga Kiran
 
Maxi SMaxi S
Its absolutely working fine Naga.

One question from my end here.
Shall we implement this functionality using action functions?

Thnaks 
Maxi 
Eswar Prasad@Sfdc11Eswar Prasad@Sfdc11
hi maxi,
No,Action functions is AJAX functionality,if you call Action funtions through javascript
 
Maxi SMaxi S
Thanks Eswar for the information.