Based on jQuery click on the right side of the thumbnail to slide out the big image effect, jquery big image

Based on jQuery click on the right side of the thumbnail to slide out the big image effect, jquery big image

Based on jQuery click thumbnail right slide out big image effect is a strip. pkgd plug-in based on Click left thumbnail right slide out big picture switching code. As follows:

Download Online Preview source code

Implementation code.

Html code:

<div id='page'>    <div id="content" class='clearfix'>        <section class='clearfix'>            <p>            <a href='images/bigdm1.jpg' class='strip thumbnail' data-strip-caption="Dorhout Mees F/W 2014-15" data-strip-group="dorhoutmees">                          </a>            <a href='images/bigdm2.jpg' class='strip thumbnail' data-strip-caption="Dorhout Mees F/W 2014-15" data-strip-group="dorhoutmees">                          </a>            <a href='images/bigdm3.jpg' class='strip thumbnail' data-strip-caption="Dorhout Mees F/W 2014-15" data-strip-group="dorhoutmees">                          </a>            </p>            <p>            <a href='images/bigjohn_singer.jpg' class='strip thumbnail thumbnail-landscape' data-strip-caption="John Singer Sargent - Portrait of a Boy - 1890" data-strip-group="art">                          </a>            <a href='images/bighenry_scott_tuke.jpg' class='strip thumbnail thumbnail-landscape' data-strip-caption="Henry Scott Tuke - Beach Study - 1928" data-strip-group="art">                          </a>            <a href='images/bigwyeth.jpg' class='strip thumbnail thumbnail-landscape' data-strip-caption="Andrew Wyeth - Wind from the Sea - 1947" data-strip-group="art">                          </a>            </p>        </section>    </div></div>

Via: http://www.w2bc.com/Article/45435