Apex Code Development You need to sign in to do that
Don't have an account?
Alex Reading Image Map in VisualForce Page
Hey All,
I was wondering how I can implement an image map in a visual force page that we are using.
Below is my current code:
This code seems to display the image when viewing the page however there are no links and interactivity available from that image, can anyone help with image maps and their basic structure? Also - The above example is pointing to Google.com - What would I need to enter in the value once it is working to point to another VF Page? So I can navigate?
Any Help would be greatly appreciated!
Kind Regards,
I was wondering how I can implement an image map in a visual force page that we are using.
Below is my current code:
<apex:page showheader="true" controller="imagemap">
<apex:form >
<apex:image value="{!$Resource.HomePageImage_BSJ6}" usemap="#mymap" />
<MAP name="mymap" id="mymap">
<UL>
<LI><apex:outputLink value="http://www.google.com" Shape="rect" Coords="700,360,870,200"></apex:outputlink></LI>
</UL>
</MAP>
</apex:form>
</apex:page>
This code seems to display the image when viewing the page however there are no links and interactivity available from that image, can anyone help with image maps and their basic structure? Also - The above example is pointing to Google.com - What would I need to enter in the value once it is working to point to another VF Page? So I can navigate?
Any Help would be greatly appreciated!
Kind Regards,
You forget to write somthing between <apex:outputlink> </apex:outputlink>.
Use it like
This will show Click Here as a link.
Regards
Viru
Thanks for your response, thats helpful.
Although I actually don't want them to have to click text,
I want to have it so that if they click anywhere within those defined coordinates on the image and they are taken to either and external URL or another visualforce page.
I hope you can help.
Regards,
You don't want to have to click text.
if you want to click anywhere on the image .
Then use image tag under the outputLink
like this
<apex:outputLink value="http://www.google.com" Shape="rect" Coords="700,360,870,200"> <apex:image value="{!$Resource.HomePageImage_BSJ6}" usemap="#mymap" /> </apex:outputlink>