Register Guidelines E-Books Search Today's Posts Mark Forums Read

Go Back   MobileRead Forums > E-Book Formats > ePub

Notices

Reply
 
Thread Tools Search this Thread
Old 09-05-2012, 05:02 PM   #1
gunnlau2
Junior Member
gunnlau2 began at the beginning.
 
Posts: 2
Karma: 10
Join Date: Sep 2012
Device: none
Image mapping in an epub

Just looking for some advice or sample coding about how to have and image with specific corodinates link to multiple different pages in the epub. I know how to do each seperately but when itry to do both i get errors. I'm currently using InDesign to lay the epub out and i will export and edit the code with dreamweaver. any tips are appreciated.
gunnlau2 is offline   Reply With Quote
Old 09-05-2012, 05:16 PM   #2
Doitsu
Grand Sorcerer
Doitsu ought to be getting tired of karma fortunes by now.Doitsu ought to be getting tired of karma fortunes by now.Doitsu ought to be getting tired of karma fortunes by now.Doitsu ought to be getting tired of karma fortunes by now.Doitsu ought to be getting tired of karma fortunes by now.Doitsu ought to be getting tired of karma fortunes by now.Doitsu ought to be getting tired of karma fortunes by now.Doitsu ought to be getting tired of karma fortunes by now.Doitsu ought to be getting tired of karma fortunes by now.Doitsu ought to be getting tired of karma fortunes by now.Doitsu ought to be getting tired of karma fortunes by now.
 
Doitsu's Avatar
 
Posts: 5,582
Karma: 22735033
Join Date: Dec 2010
Device: Kindle PW2
You'll have to use an imagemap. However, AFAIK, imagemaps are only supported by Webkit based ebook readers such as iBooks.
Doitsu is offline   Reply With Quote
Old 09-06-2012, 03:17 PM   #3
gunnlau2
Junior Member
gunnlau2 began at the beginning.
 
Posts: 2
Karma: 10
Join Date: Sep 2012
Device: none
Thanks, I can get the Image Map to work on it's own and using IE but i try to view it using iBooks and the links do nothing. it recognizes taht there are links but they don't go anywhere. I'm thinking that i just have the code screwed up.

this is a sample of what i have:

<img width="252" height="169" src="images/Departments_Image_Map_f_fmt.png" alt="Departments_Image_Map_fmt.png" usemap="#shapes">

<map name="shapes">
<area shape="rect" coords="35,95,97,123" href="sales.html" />
</map>
</img>

Any ideas? i have the "sales.html" file in the OBEP folder... just not sure what is wrong??
gunnlau2 is offline   Reply With Quote
Old 09-07-2012, 04:32 AM   #4
Jellby
frumious Bandersnatch
Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.
 
Jellby's Avatar
 
Posts: 7,514
Karma: 18512745
Join Date: Jan 2008
Location: Spaniard in Sweden
Device: Cybook Orizon, Kobo Aura
I have no idea about iBooks, but I'd say the <map> should be outside the <img> tag.
Jellby is offline   Reply With Quote
Old 09-07-2012, 05:37 AM   #5
Doitsu
Grand Sorcerer
Doitsu ought to be getting tired of karma fortunes by now.Doitsu ought to be getting tired of karma fortunes by now.Doitsu ought to be getting tired of karma fortunes by now.Doitsu ought to be getting tired of karma fortunes by now.Doitsu ought to be getting tired of karma fortunes by now.Doitsu ought to be getting tired of karma fortunes by now.Doitsu ought to be getting tired of karma fortunes by now.Doitsu ought to be getting tired of karma fortunes by now.Doitsu ought to be getting tired of karma fortunes by now.Doitsu ought to be getting tired of karma fortunes by now.Doitsu ought to be getting tired of karma fortunes by now.
 
Doitsu's Avatar
 
Posts: 5,582
Karma: 22735033
Join Date: Dec 2010
Device: Kindle PW2
Quote:
Originally Posted by gunnlau2 View Post
Any ideas? i have the "sales.html" file in the OBEP folder... just not sure what is wrong??
I played with image maps some time ago and had some problems with the standard example that almost every web site lists. For some reason epubcheck didn't like the pound sign (#) in usemap="#shapes", which most likely is a bug. Did your epub pass epubcheck?

Anyway, after removing the pound sign my test ePub passed epubcheck and worked in Readium, but not in ADE.
Attached Files
File Type: epub imagemap.epub (10.5 KB, 300 views)

Last edited by Doitsu; 09-07-2012 at 01:18 PM.
Doitsu is offline   Reply With Quote
Old 09-07-2012, 06:44 AM   #6
Jellby
frumious Bandersnatch
Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.
 
Jellby's Avatar
 
Posts: 7,514
Karma: 18512745
Join Date: Jan 2008
Location: Spaniard in Sweden
Device: Cybook Orizon, Kobo Aura
Quote:
Originally Posted by Doitsu View Post
Not according to the standard example posted on the W3C web site and pretty much everywhere else.
Not what? In that example it's outside the <img>, as I said it should (but, since it's HTML and not XHTML, the <img> has no self-closing mark).

Quote:
I played with image maps some time ago and had some problems with the standard example that almost every web site lists. For some reason epubcheck didn't like the pound sign (#) in usemap="#shapes", which most likely is a bug. Did your epub pass epubcheck?
There's a sample in the ePub 2.0.1 spec:

Code:
                <img src="example.gif" usemap="map"
                        title="Example Map"
                        alt="A picture of an example." />
                <map name="map">
                        <area href="example1.html"
                                alt="Link to the first example."
                                shape="rect" coords="0,0,118,28" />
                        <area href="example2.html"
                                alt="Link to the second example"
                                shape="rect" coords="184,0,276,28" />
                </map>
It's as you say, it uses "name" (not "id", as in anchors), and no # sign in the "usemap".

Quote:
Anyway, after removing the pound sign my test ePub passed epubcheck and worked in Readium, but not in ADE.
I haven't been able to make even simple image links (<a ...><img .../></a>) work in ADE.
Jellby is offline   Reply With Quote
Old 09-07-2012, 06:57 AM   #7
Doitsu
Grand Sorcerer
Doitsu ought to be getting tired of karma fortunes by now.Doitsu ought to be getting tired of karma fortunes by now.Doitsu ought to be getting tired of karma fortunes by now.Doitsu ought to be getting tired of karma fortunes by now.Doitsu ought to be getting tired of karma fortunes by now.Doitsu ought to be getting tired of karma fortunes by now.Doitsu ought to be getting tired of karma fortunes by now.Doitsu ought to be getting tired of karma fortunes by now.Doitsu ought to be getting tired of karma fortunes by now.Doitsu ought to be getting tired of karma fortunes by now.Doitsu ought to be getting tired of karma fortunes by now.
 
Doitsu's Avatar
 
Posts: 5,582
Karma: 22735033
Join Date: Dec 2010
Device: Kindle PW2
Quote:
Originally Posted by Jellby View Post
Not what? In that example it's outside the <img>, as I said it should (but, since it's HTML and not XHTML, the <img> has no self-closing mark).
You are of course right, for some reason I must've misread your comment as "the <map> shouldn't be outside".

I guess it's time to cut back on my coffee intake and to do less speed reading. :-)
Doitsu is offline   Reply With Quote
Reply

Tags
epub, image mapping, links, pages

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
image issues with Epub ematte Introduce Yourself 6 10-01-2010 01:52 PM
Image Maps in ePub NewBabyProd ePub 10 06-08-2010 11:28 AM
Theban Mapping Project Joebill Lounge 2 05-08-2010 12:51 PM
Please help on modification of key mapping howdypda Sony Reader Dev Corner 0 08-03-2009 09:30 PM
mind mapping tools ? parryl iRex 9 05-21-2008 10:19 AM


All times are GMT -4. The time now is 11:32 PM.


MobileRead.com is a privately owned, operated and funded community.