Toggle Images

• onclickZoomImage.js: JavaScript for this functionality

This JavaScript-function (by Simon Lang) enables you to switch between 2 different sizes of a picture , toggled by a click:

Code:

<script type="text/javascript" src="http://www-hades.gsi.de/tools/js/onclickZoomImage.js"></script>
<img src="http://hades-wiki.gsi.de/pub/SimAna/PairsNov02/N_ep_em_gen4_ABC.gif"
width='500px' height="200px" onclick="zoomToggle('200px','200px','500px','500px',this);">
 

The syntax is

     <img src="A" onclick="zoomToggle('iWideSmall','iHighSmall','iWideLarge','iHighSmall',this);">

---

&
Instead of using an external adress outside the Wiki Simon suggests to use the %INCLUDE{...}% feature by putting the JavaScript Code into an own page an reference this via %INCLUDE{...}%

Following this idea JavaScriptToggleImagesPeterZumbruch contains now the code fragment which is now included via %INCLUDE{...}% . Using this method you will find in this new topic SandboxJavaScriptToggleImagesViaIncludePeterZumbruch.

Click on the picture below and enjoy!

-

-- PeterZumbruch - 02 Mar 2006