This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Last revision Both sides next revision
en:create:popup [23.04.2015 14:12]
admin [Click to Show Information]
en:create:popup [18.06.2015 14:16]
Line 269: Line 269:
 </script> </script>
 </code> </code>
 +==== Enlarge an Image ====
 +Using an image as button, and a larger version of the image as "information", you may create a zoom feature. Simply give the images some HTML ID and take care of the larger version's placement.
 +<code html>
 +<div style="position: relative; left: -100px; top: -100px">
 +  <img src="imageA.large.jpg" id="large1" />
 +<img src="iamgeA.jpg" id="image1" />
 +<script type="text/javascript">
 +var info = new infoButton();
 +info.registerInfo("image1", "large1", "large1");
 +There is no distinct close button in the example, above -- the larger version itself may be clicked to close the zoom.
en/create/popup.txt · Last modified: 07.09.2017 17:15 by autsch
Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Share Alike 4.0 International
Driven by DokuWiki