Submit your widget

impressive lightbox Photo wall effect with jQuery

Created 13 years ago   Views 19231   downloads 3030    Author moretech
impressive lightbox Photo wall effect with jQuery
View DemoDownload
84
Share |

jmFullWall is a jQuery plugin for the creation of an impressive portfolio.

Usage

/* javascript */
$("#wall").jmFullWall();
/* html */
    <div id="wall-top">YOUR LOGO / MENU</div>
    <div id="wall-container">
        <div id="wall-loading"></div>
        
        <div id="wall-detail"></div>
        <div id="wall">
            <div id="wall-items">    
                <div class="wall-item">
                    <span class="bg hide">path/to/your/thumb/image</span>
                    <span class="img_detail hide">path/to/your/fullscreen/image</span>
                    <span class="tooltip hide">TOOLTIP (when click on item)</span>
                    <a href="#"><span class="title">TEXT (onmouseover)</span></a>
                </div>
                [... your items ...]
            </div>
        </div>
    </div>

Requirements

• jQuery 1.4+
• jquery.imgpreload.js (thanks to Dimas Begunoff)
• jquery.imagepanner.js (thanks to Dynamic Drive)
• jmFullWall.js

Compatibility

• Mozilla Firefox
• Google Chrome
• Safari
• Opera
• IE8+

The article source:http://www.moretech.it/demo/plugins/jmFullWall/index.html