This question is answered. Helpful answers available: 2. Correct answers available: 1.


Permlink Replies: 4 - Pages: 1 - Last Post: 6 Jul 23, 10:51 Last Post By: RobM Threads: [ Previous | Next ]
mr-pestle

Posts: 11
Registered: 25-Jan-2009
HTML Image map not working with Story
Posted: 28 Jun 23, 01:02
 
  Click to reply to this thread Reply
I have an HTML page which shows a jpeg image and has an image map. When you hover over a face it shows the name of the person.
Example
<html>
<head>
</head>
<body>
<img src="pic.jpg" usemap="#mymap">
<map name="mymap">
  <area shape="circle" title="name1" href="javascript:void(0);" alt="name-1" coords="1720,802,66" />
  <area shape="circle" title="name2" href="javascript:void(0);" alt="name-2" coords="1932,797,68" />
</map></body>
</html>


I created a "blank" .htt within my album and pasted my html code into it but when the album displays there is no functioning hover

<ja:include page="page-header.inc" /> <%-- Keep this --%>
<%-- 	The following include file manages to display the Title and Comment (see Detail view!).
		You can replace this with your own content. --%>
<ja:include page="templates/Custom.inc" />
<ja:include page="page-footer.inc" /> <%-- Keep this --%>
<html>
<head>
</head>
<body>
<img src="pic.jpg" usemap="#mymap">
<map name="mymap">
  <area shape="circle" title="name-1" href="javascript:void(0);" alt="name-1" coords="1720,802,66" />
  <area shape="circle" title="name2" href="javascript:void(0);" alt="name-2" coords="1932,797,68" />
</map></body>
</html>

Is it possible to get this to work within the Story skin please.

Thank you

Edited by: Laza on 28 Jun 2023, 11:05
Laza

Posts: 1,738
Registered: 6-Sep-2005
Re: HTML Image map not working with Story
Posted: 28 Jun 23, 11:10   in response to: mr-pestle in response to: mr-pestle
 
  Click to reply to this thread Reply
You don't have to add the whole HTML page, as the page-header.inc and page-footer.inc already create the page. Just add the content:
<img src="pic.jpg" usemap="#mymap">
<map name="mymap">
  <area shape="circle" title="name-1" href="javascript:void(0);" alt="name-1" coords="1720,802,66" />
  <area shape="circle" title="name2" href="javascript:void(0);" alt="name-2" coords="1932,797,68" />
</map>

Either after or in place of
<ja:include page="templates/Custom.inc" />

Or just add the content as a "comment" for the custom page.
RobM

Posts: 3,823
Registered: 4-Aug-2006
Re: HTML Image map not working with Story
Posted: 28 Jun 23, 11:47   in response to: mr-pestle in response to: mr-pestle
 
  Click to reply to this thread Reply
Just curious, why not use jAlbum’s ‘Set area tags’ feature?
mr-pestle

Posts: 11
Registered: 25-Jan-2009
Re: HTML Image map not working with Story
Posted: 6 Jul 23, 00:41   in response to: RobM in response to: RobM
 
  Click to reply to this thread Reply
Thanks for the info - I had thought about using JAlbum's tagging but couldn't find it! Since your answer I've delved around and finally found it but when I right clicked on the image and selected "area tags" a window opened with a very small image (about 6cm x 5cm) - maximising didn't work but I've just found that if I drag the window borders I can enlarge it enough to actually use the feature - Thank you.
It would be nice if the HTML mapping worked but I'm very grateful for this alternative.
Thank you very much.
RobM

Posts: 3,823
Registered: 4-Aug-2006
Re: HTML Image map not working with Story
Posted: 6 Jul 23, 10:51   in response to: mr-pestle in response to: mr-pestle
 
  Click to reply to this thread Reply
If you are having trouble finding information try the Glossary. Under ‘S’ you’ll find set area tags and search, and more.
Legend
Forum admins
Helpful Answer
Correct Answer

Point your RSS reader here for a feed of the latest messages in all forums