Full screen image switching code based on jquery Mall website

Toggle code based on the full screen image of the jquery Mall website. This is a mall website full screen multiple pictures slide switch code. As follows:

Online preview Source Download

The implemented code.

HTML code:

<Divclass= "Slides">        <Divclass= "Slideinner">            <ahref="#"style= "Background:url (img/slide1.jpg) no-repeat;">                <Divclass= "Moveelem img1"rel= "0,easeinoutexpo">                    <imgsrc= "Img/slide1p1.png" />                </Div>                <Divclass= "Moveelem img2"rel= "150,easeinoutexpo">                    <imgsrc= "Img/slide1p2.png" />                </Div>            </a><ahref="#"style= "Background:url (img/slide2.jpg) no-repeat">                <Divclass= "Moveelem img1"rel= "0,easeinoutexpo">                    <imgsrc= "Img/slide2p1.png" />                </Div>            </a><ahref="#"class= "Slide3"style= "Background:url (img/slide3.jpg) no-repeat;">                <Divclass= "Moveelem img1"rel= "0,easeinoutexpo">                    <imgsrc= "Img/slide3p1.png" />                </Div>                <Divclass= "Moveelem img2"rel= "150,easeinoutexpo">                    <imgsrc= "Img/slide3p2.png" />                </Div>                <Divclass= "Moveelem img3"rel= "300,easeinoutexpo">                    <imgsrc= "Img/slide3p3.png" />                </Div>            </a><ahref="#"style= "Background:rgb (113, 209, 231);">                <Divclass= "Moveelem img1"rel= "0,easeinoutexpo">                    <imgsrc= "Img/slide1p1.png" />                </Div>                <Divclass= "Moveelem img2"rel= "150,easeinoutexpo">                    <imgsrc= "Img/slide1p2.png" />                </Div>            </a><ahref="#"style= "Background:rgb (178, A.);">                <Divclass= "Moveelem img1"rel= "0,easeinoutexpo">                    <imgsrc= "Img/slide1p1.png" />                </Div>                <Divclass= "Moveelem img2"rel= "150,easeinoutexpo">                    <imgsrc= "Img/slide1p2.png" />                </Div>            </a>        </Div>        <Divclass= "NAV">            <aclass= "Prev"href= "javascript:;"></a><aclass= "Next"href= "javascript:;"></a>        </Div>    </Div>

JS Code:

$ (document). Ready (function  () {            $ (". Slideinner"). Slide ({                Slidecontainer: $ ('. Slideinner a '),                ' Easeoutcirc '                ,                -                ----  ,                true,                prevbtn: $ (' A.prev '),                nextbtn: $ (' A.next ')            })        ;

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

Full screen image switching code based on jquery Mall website