Pop-up mask image album based on jquery

Today to share a photo album based on jquery down popup mask. When you click an album picture, a mask layer appears from the top to the bottom of the animation. Then the picture appears. This plugin is for browsers: IE8, 360, FireFox, Chrome, Safari, Opera, Proud tour, Sogou, the window of the world.

Online preview Source Download

The implemented code.

HTML code:

  <Center>        <H1>Click on the picture to see the effect</H1>    </Center>    <BR>    <BR>    <DivID= ' container '>        <DivID= ' Image-gallery '>            <!--Start of Flickr Badge -            <DivID= "Flickr_badge_uber_wrapper">                <DivID= "Flickr_badge_wrapper">                    <!--Enter your own flickr badge href below -                    <Divclass= "Flickr_badge_image">                        <ahref= "Img/photo/1.jpg">                            <imgsrc= "Img/photo/1.jpg"alt= "Webmaster material"title= "Webmaster material title One"width= " the"Height= " the"></a></Div>                    <Divclass= "Flickr_badge_image">                        <ahref= "Img/photo/2.jpg">                            <imgsrc= "Img/photo/2.jpg"alt= "Webmaster material"title= "Webmaster Material Title II"width= " the"Height= " the"></a></Div>                    <Divclass= "Flickr_badge_image">                        <ahref= "Img/photo/3.jpg">                            <imgsrc= "Img/photo/3.jpg"alt= "Webmaster material"title= "Webmaster material title three"width= " the"Height= " the"></a></Div>                    <Divclass= "Flickr_badge_image">                        <ahref= "Img/photo/4.jpg">                            <imgsrc= "Img/photo/4.jpg"alt= "Webmaster material"title= "Webmaster material title four"width= " the"Height= " the"></a></Div>                    <Divclass= "Flickr_badge_image">                        <ahref= "Img/photo/5.jpg">                            <imgsrc= "Img/photo/5.jpg"alt= "Webmaster material"title= "Webmaster material title Five"width= " the"Height= " the"></a></Div>                </Div>            </Div>            <!--End of Flickr Badge -            <!--preload the images -            <Divstyle= ' Display:None '>                <imgsrc= ' Img/gallery/loading.gif 'alt= ' '/>            </Div>        </Div>    </Div>    </Div>

via:http://www.w2bc.com/article/19381

Pop-up mask image album based on jquery