I would like to make images in an Epub 3 clickable, so they open up in window containing a larger copy of the image, when viewed in iBooks. I have experimented with the coding for pop up footnotes, using the aside tag.
ie:
in the main body of the text:
<span><a epub:type="noteref" id="footnote-3091-9-backlink" class="_idFootnoteLink" href="#footnote-3091-9">
<div class="fifty">
<img src="image/family.jpg" alt="" />
</div></a></span>
and in the place of the footnote:
<div class="_idFootnotes">
<aside epub:type="footnote" id="footnote-3091-9" class="_idFootnote">
<p class="footnote"><a class="_idFootnoteAnchor" href="#footnote-3091-9-backlink"></a><div class="hundred">
<img src="image/family.jpg" alt="" />
</div></p>
</aside>
</div>
This works in producing copy of the image within pop-up window, but the image and window are the same size as the original in the text. The window also has scroll bars.
My question is how do you adjust the size of the pop-up window and get rid of the scroll bars? Or is there a better way of doing this?