https://sourceforge.net/p/zoomse/wiki/Documentations/Recent changes to DocumentationsenSun, 10 Jun 2012 22:19:06 -0000https://sourceforge.net/p/zoomse/wiki/Documentations/<pre>--- v4 +++ v5 @@ -3,7 +3,7 @@ About --- -ZoomSE is a image zoomer plugins for jQuery. It is always simple and easy to use. Customizeable and still lightweight. +ZoomSE is an image zoomer plugins for jQuery. It is always simple and easy to use. Customizable and still lightweight. Usage --- </pre>Syuaa SESun, 10 Jun 2012 22:19:06 -0000https://sourceforge.net7ed6b8b1268e84594e2a7d9df7ba9fbd6ba78442https://sourceforge.net/p/zoomse/wiki/Documentations/<pre>--- v3 +++ v4 @@ -63,3 +63,7 @@ --- I've no idea for this. Just tell me if you want to contribute what ever you want. You may want to fix same bug, or creating logo for this simple ZoomSE or creating demo page, or and more another 'or'. + +Demo +--- +http://demo.syuaa.net/ZoomSE/ </pre>Syuaa SESat, 09 Jun 2012 12:21:37 -0000https://sourceforge.net82c2e7306af21e2d5da9d3e0146f27b78358c4aehttps://sourceforge.net/p/zoomse/wiki/Documentations/<pre>--- v2 +++ v3 @@ -1,26 +1,37 @@ +ZoomSE Documentations +=== + About -=== +--- ZoomSE is a image zoomer plugins for jQuery. It is always simple and easy to use. Customizeable and still lightweight. Usage -=== +--- Download source. + Add jQuery.js ( tested on jQuery 1.5.1 ), and ZoomSE.js or ZoomSE.min.js to your path and add them in your HTML : + ~~~~~~ <script type="text/javascript" src="path/to/jQuery.js"></script> <script type="text/javascript" src="path/to/ZoomSE.js"></script> ~~~~~~ -Add same image(s) : + +Add same image(s) : + ~~~~~~ <img src="spongebob.jpg" alt="Spongebob" id="spongebob"/> ~~~~~~ + If you want to use default style zooming by ZoomSE, just call ZoomSE to your image : + ~~~~~~ <script type="text/javascript"> $("#spongebob").ZoomSE(); </script> ~~~~~~ + Or you can use your own options : + ~~~~~~ <script type="text/javascript"> $("#spongebob").ZoomSE({ @@ -28,3 +39,27 @@ }); </script> ~~~~~~ + + +Options +--- +* __width__, _Integer_, Default 20%. <br/>(int)px to resize image width to (int)px.<br/>(int)% to increase image width by (int)%. +* __height__, _Integer_, Default 20%. <br/>(int)px to resize image height to (int)px.<br/>(int)% to increase image height by (int)%. +* __speed__ _Integer|Const_, Default "fast".<br/>Any integer, String "fast", String "slow". +* __afterZoomIn__( _jQuery_ ), _Function_.<br/>Function to execute after zoom in.<br/>Parameter 1 : Object jQuery current image. +* __afterZoomOut__( _jQuery_ ), _Function ]_.<br/>Function to execute after zoom out.<br/>Parameter 1 : Object jQuery current image. +* __ZoomInStyle__, _Object_.<br/>Image style after zoom in. This is Array Object. Image will keep this style on zoom out, so you will neet to redeclare style on zoom out. +* __ZoomOutStyle__, _Object_.<br/>Image style after zoom out. This is Array Object. Image will keep this style on zoom in, so you will neet to redeclare style on zoom in. +* __caption__, _Boolean_. Default false.<br/>Show image caption. True to show image caption. Caption taken from alt image attribute. +* __captionStyle__, _Object_.<br/>Custom style for image caption. This is Array Object. +* __captionAnimIn__( _jQuery_ ), _Function_.<br/>Custom animation to show caption, default is just appear without any animation. Default css image caption is _display: none;_, your function need to show them up.<br/>Parameter 1 : Object jQuery current image caption. +* __captionAnimOut__( _jQuery_ ), _Function_.<br/>Custom animation to hide caption, default is just disappear without any animation. Your function need to hide them by set caption style to _display: none;_.<br/>Parameter 1 : Object jQuery current image caption. + +License +--- +ZoomSE is released under the MIT license. + +Contribute +--- +I've no idea for this. Just tell me if you want to contribute what ever you want. +You may want to fix same bug, or creating logo for this simple ZoomSE or creating demo page, or and more another 'or'. </pre>Syuaa SESat, 09 Jun 2012 07:15:20 -0000https://sourceforge.net6e21881cf54c401e3b3761d0e2713afe56bee28bhttps://sourceforge.net/p/zoomse/wiki/Documentations/<pre>--- v1 +++ v2 @@ -1,8 +1,30 @@ -Welcome to your wiki! +About +=== +ZoomSE is a image zoomer plugins for jQuery. It is always simple and easy to use. Customizeable and still lightweight. -This is the default page, edit it as you see fit. To add a new page simply reference it within brackets, e.g.: [SamplePage]. - -The wiki uses [Markdown](/p/zoomse/wiki/markdown_syntax/) syntax. - -[[project_admins]] -[[download_button]] +Usage +=== +Download source. +Add jQuery.js ( tested on jQuery 1.5.1 ), and ZoomSE.js or ZoomSE.min.js to your path and add them in your HTML : +~~~~~~ +<script type="text/javascript" src="path/to/jQuery.js"></script> +<script type="text/javascript" src="path/to/ZoomSE.js"></script> +~~~~~~ +Add same image(s) : +~~~~~~ +<img src="spongebob.jpg" alt="Spongebob" id="spongebob"/> +~~~~~~ +If you want to use default style zooming by ZoomSE, just call ZoomSE to your image : +~~~~~~ +<script type="text/javascript"> + $("#spongebob").ZoomSE(); +</script> +~~~~~~ +Or you can use your own options : +~~~~~~ +<script type="text/javascript"> + $("#spongebob").ZoomSE({ + // any options here + }); +</script> +~~~~~~ </pre>Syuaa SESat, 09 Jun 2012 06:56:00 -0000https://sourceforge.net1809527331d67b54b8421ecf3e8761b9fe349640https://sourceforge.net/p/zoomse/wiki/Home/Welcome to your wiki! This is the default page, edit it as you see fit. To add a new page simply reference it within brackets, e.g.: [SamplePage]. The wiki uses [Markdown](/p/zoomse/wiki/markdown_syntax/) syntax. [[project_admins]] [[download_button]] Syuaa SESat, 09 Jun 2012 06:40:40 -0000https://sourceforge.net60cb5ff270e38954a34f9f7a73ff26ffd9205cf1