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