How to display image while switching Field value ?

How to Change Image or display image while switching Value of fields ?


Hi All,

Here i will show you how to display image based on Field value like Account Status = Active / InActive in Visualforce page...


Step 1 : Save your image in Static Resource
Step 2 : Do some code in Visualforce page
Step 3 : Use this code in your Visualforce page to get the exact output

<apex:column headerValue="Status" width="07%">
  <apex:image id="On" value="{!$Resource.On}" rendered="{!IF(pr.Status__c == 'Open',true,false)}"/>
  <apex:image id="Off" value="{!$Resource.Off}" rendered="{!IF(pr.Status__c == 'Closed',true,false)}"/>
</apex:column>

Gray Image is indicating the Account is InActive & Green Image is indicating the Account is Active..


Hope this will helps !! 
Cheers !!