Submit your widget

impressive lightbox Photo wall effect with jQuery

Created 12 years ago   Views 19025   downloads 2907    Author moretech
impressive lightbox Photo wall effect with jQuery
View DemoDownload
81
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