Toggle Images

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);">


NEW & UPDATED
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
Topic attachments
I Attachment Action Size Date Who Comment
onclickZoomImage.jsjs onclickZoomImage.js manage 0.4 K 2006-03-01 - 18:03 PeterZumbruch JavaScript source for zoomToogle
Topic revision: r3 - 2006-08-04, PeterZumbruch
 
This site is powered by FoswikiCopyright © by the contributing authors. All material on this collaboration platform is the property of the contributing authors.
Ideas, requests, problems regarding GSI Wiki? Send feedback
Imprint (in German)
Privacy Policy (in German)