Submit your widget

impressive lightbox Photo wall effect with jQuery

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