Info Slide

The info slide script is a great way to display your content to your customers! It will place a sliding text box over any image on the page. It can be placed inside of content or widgets. It will also automatically adjust to any size screen size on window resize. See below for a demonstration.

Javascript Version

[info_slide float=”left” width=”48%” margin=”0 2% 15px 0″ url=”http://www.shape5.com/demo/images/general/lazyload/lazy_load1.jpg” title=”Example Slide” version=”js” /]
[info_slide float=”left” width=”48%” margin=”0 2% 15px 0″ url=”http://www.shape5.com/demo/images/general/lazyload/lazy_load2.jpg” title=”Example Slide” version=”js” /]

CSS Version Default

[info_slide float=”left” width=”48%” margin=”0 2% 15px 0″ url=”http://www.shape5.com/demo/images/general/lazyload/lazy_load4.jpg” title=”Example Slide”/]
[info_slide float=”left” width=”48%” margin=”0 2% 15px 0″ url=”http://www.shape5.com/demo/images/general/lazyload/lazy_load5.jpg” title=”Example Slide”/]

CSS Version 1

[info_slide float=”left” width=”48%” margin=”0 2% 15px 0″ url=”http://www.shape5.com/demo/images/general/lazyload/lazy_load7.jpg” title=”Example Slide” version=”css_1″ /]
[info_slide float=”left” width=”48%” margin=”0 2% 15px 0″ url=”http://www.shape5.com/demo/images/general/lazyload/lazy_load8.jpg” title=”Example Slide” version=”css_1″ /]

CSS Version 2

[info_slide float=”left” width=”48%” margin=”0 2% 15px 0″ url=”http://www.shape5.com/demo/images/general/lazyload/lazy_load6.jpg” title=”Example Slide” version=”css_2″ /]
[info_slide float=”left” width=”48%” margin=”0 2% 15px 0″ url=”http://www.shape5.com/demo/images/general/lazyload/lazy_load9.jpg” title=”Example Slide” version=”css_2″ /]

CSS Version 3

[info_slide float=”left” width=”100%” margin=”0 2% 15px 0″ url=”http://www.shape5.com/demo/images/general/lazyload/lazy_load2.jpg” title=”Example Slide” version=”css_3″] This is dummy text. You can add any text or html markup here. This is dummy text. You can add any text or html markup here.[/info_slide]

CSS Version 4

[info_slide float=”left” width=”100%” margin=”0 2% 15px 0″ url=”http://www.shape5.com/demo/images/general/lazyload/lazy_load4.jpg” title=”Example Slide” version=”css_4″] This is dummy text. You can add any text or html markup here. This is dummy text. You can add any text or html markup here.[/info_slide]

CSS Version 5

[info_slide float=”left” width=”48%” margin=”0 2% 15px 0″ url=”http://www.shape5.com/demo/images/general/lazyload/lazy_load7.jpg” title=”Example Title” version=”css_5″]Example Link[/info_slide]
[info_slide float=”left” width=”48%” margin=”0 2% 15px 0″ url=”http://www.shape5.com/demo/images/general/lazyload/lazy_load3.jpg” title=”Example Title” version=”css_5″]Example Link[/info_slide]

CSS Version 6

[info_slide float=”left” width=”48%” margin=”0 2% 15px 0″ url=”http://www.shape5.com/demo/images/general/lazyload/lazy_load1.jpg” title=”Example Title” version=”css_6″]Example Link[/info_slide]
[info_slide float=”left” width=”48%” margin=”0 2% 15px 0″ url=”http://www.shape5.com/demo/images/general/lazyload/lazy_load2.jpg” title=”Example Title” version=”css_6″]Example Link[/info_slide]

CSS Version 7

image

Example Slide

You can add any text or html markup here.

image

Example Slide

You can add any text or html markup here.

I like what I see! I want to JOIN TODAY.

Leave a Reply