BenJemin

phoetry

<p>phZoom is a kind of plugin board, based on jQuery to show photos light box effects. Although phZoom’s volume is very small, it still can show special picture animations. It supports most browers as well, included IE+. If picture links were webs, it could not show this effect.</p>
<p>phZoom是一个轻量级看图插件, 基于jQuery 1.4+. phZoom目前支持大多数主流浏览器, 包括IE家族. phZoom拥有苗条的身材(仅3kb+), 以及与众不同的动画特效.<br />
并且如果图片链接为网址, 则不会应用这个效果.</p>
<h4>1.2.92</h4>
<ul>
<li>增加图片地址判断</li>
<li>继续强化pos数组, 提高其效率</li>
<li>使用YUICompressor压缩代码</li>
<li>调整了一些重要变量的命名了</li>
</ul>
<h4>1.2.91</h4>
<ul>
<li>修复IE(6|7|8)下无法创建小图hover的BUG</li>
<li>设置项returnOrigin现在可以完全正常工作了</li>
</ul>
<h4>1.2.9</h4>
<ul>
<li>精简pos数组, 减少两个item</li>
<li>略微提升大图loading阶段的性能</li>
<li>希望1.30将是phZoom的第一个稳定版</li>
</ul>
<p><strong>Demo:</strong></p>
<p>http://phoetry.me/archives/phzoom.html</p>
<p><strong>Supported Languages:</strong></p>
<ul>
<li>US English/en_US (translate by <a href="http://www.douban.com/people/benisme/" rel="nofollow ugc">Ben</a>)</li>
<li>简体中文/zh_CN (default)</li>
</ul>


phZoom Plugin for WordPress

phZoom is a kind of plugin board, based on jQuery to show photos light box effects.

jjcoder

<p>The ‘JJ NextGen JQuery Cycle’ allows you to create a ‘Cycle Lite’ (http://jquery.malsup.com/cycle/lite/) as a widget or as a shortcode.<br />
This plugin uses the ‘NextGen Gallery’ plugin for its images.</p>
<p>Requirements:</p>
<ul>
<li>NextGen Gallery Plugin (https://wordpress.org/extend/plugins/nextgen-gallery/)</li>
</ul>
<p>NextGen Gallery Integration:</p>
<ul>
<li>This plugin uses the original width and height of the image uploaded so make sure the images are the correct dimensions when uploaded.</li>
<li>If a width and height are defined under the configuration all images will be resized to those dimensions (Highly recommended).</li>
<li>Alt & Title Text Field: Provide a full url here and the image will link to this. Only works if alt field starts with either of these; /, http, or ftp.</li>
<li>Description Field: Will be used as image alt text. If alt text is present but not a valid url alt text will be used instead for image alt text.</li>
</ul>
<p>You can specify the following parameters:</p>
<p>NOTE: sc means shortcode:</p>
<ul>
<li>Title: Title. Leave blank for no title. (sc: title=”My Cycle Lite”)</li>
<li>Gallery: Leave blank to use all galleries or choose a gallery to use. (sc: gallery=”galleryid”)</li>
<li>Order: Order to display results in. You can choose; Random, Latest First, Oldest First, or NextGen Sortorder. Random will still work when a page is cached. (sc: order=”random”|”asc”|”desc”|”sortorder”)</li>
<li>Shuffle: If order is random and this is true will shuffle images with javascript. Useful if your are caching your pages. (sc: shuffle=”true”|”false”)</li>
<li>Max pictures: The maximum amount of pictures to use. (sc: max_pictures=”6″)</li>
<li>HTML id: HTML id to use. Defaults to ‘cycle_lite’. Needs to be different for multiple instances on same page. (sc: html_id=”cycle_lite”)</li>
<li>Image width: Width of image. Defaults to 200. Recommended to set this. (sc: width=”200″)</li>
<li>Image height: Height of image. Defaults to 200. Recommended to set this. Will prevent a floating problem if set. (sc: height=”150″)</li>
<li>Center: Centers content in container. Requires width to be set. (sc: center=”1″)</li>
</ul>
<p>Cycle Lite settings:</p>
<p>Please check the cycle lite home page form more information (http://jquery.malsup.com/cycle/lite/).</p>
<ul>
<li>timeout: Milliseconds between slide transitions (0 to disable auto advance).. (sc: timeout=”4000″)</li>
<li>speed: Speed of the transition (any valid fx speed value). (sc: speed=”1000″)</li>
<li>sync: True if in/out transitions should occur simultaneously. (sc: sync=”1″)</li>
<li>fit: Force slides to fit container. (sc: fit=”0″)</li>
<li>pause: True to enable “pause on hover”. (sc: pause=”1″)</li>
<li>delay: Additional delay (in ms) for first transition (hint: can be negative). (sc: delay=”2)</li>
</ul>
<p>Shortcode Examples:</p>
<ul>
<li>[jj-ngg-jquery-cycle html_id=”about-cycle-lite” gallery=”1″ width=”200″ height=”150″]</li>
<li>[jj-ngg-jquery-cycle title=”Hello” html_id=”about-cycle-lite” gallery=”1″ timeout=”3000″ speed=”1000″]</li>
<li>[jj-ngg-jquery-cycle html_id=”about-cycle” gallery=”2″ width=”150″ height=”100″ timeout=”3000″ speed=”1000″ fit=”1″]</li>
</ul>
<p>Try out my other plugins:</p>
<ul>
<li>JJ NextGen JQuery Slider (https://wordpress.org/extend/plugins/jj-nextgen-jquery-slider/)</li>
<li>JJ NextGen JQuery Carousel (https://wordpress.org/extend/plugins/jj-nextgen-jquery-carousel/)</li>
<li>JJ NextGen Unload (https://wordpress.org/extend/plugins/jj-nextgen-unload/)</li>
<li>JJ NextGen Image List (https://wordpress.org/extend/plugins/jj-nextgen-image-list/)</li>
<li>JJ SwfObject (https://wordpress.org/extend/plugins/jj-swfobject/)</li>
</ul>
<h3>Contributors</h3>


JJ NextGen JQuery Cycle

Allows you to pick a gallery from the 'NextGen Gallery' plugin to use with 'JQuery Cycle Lite'.

phZoom Plugin for WordPress vs JJ NextGen JQuery Cycle