LATEST >>

Welcome Here And Thanks For Visiting. Like Us On Facebook...

EXEIdeas – Let's Your Mind Rock » Blogspot / Blogspot Sliders / Website / Website Sliders » Simple And Stylish J-Query DIV Slider Or SlideShow

Simple And Stylish J-Query DIV Slider Or SlideShow

Simple And Stylish J-Query DIV Slider/SlideShow



Those times when neat image effects were achieved with Flash are gone. jQuery has drastically changed the way developers work. Because its light-weight, easily customized and has unlimited possibilities, jQuery has become the new standard for displaying visual media on the web. For this roundup we’ve A fresh, useful and simply awesome jQuery DIV slider plugins that we’ve found this year. You’ll find some really stunning gallery solutions for every taste as well as some creative image effect plugins there.

Features:
1.) Simple And Stylish SlideShow.
2.) Can Be Easily Use As Slider.
3.) J-Query, JavaScript, CSS, HTML Codes…
4.) Easy To Use And Quick To Load.
5.) CSS-3 Effect.
6.) Work On All Browsers.
7.) Unlimited Div Slides…
8.) You Can Add Your Text, HTML Code, Frame, Video, Images Or AnyThing Here…
9.) Best For Featured Post.
10.) An Awesome Slider With Simple Code.

How To Add In Blogspot?
1.) Go To Your www.blogger.com
2.) Open Your Desire Blog.
3.) Go To Layout.
4.) Click “Add A Gadget” Where You Want To Add It.
5.) Now Scroll To “HTML-JAVASCRIPT”
6.) Click “+” Icon To Add It.
7.) Now Copy The Below Code And Paste It To There.
8.) Leave The Title Empty.
9.) Click Save, Now You Are Done.

How To Add In Website?
1.) Just Go To Your HTML File.
2.) Now Copy The Below Code And Paste It Between <body> </body>.
3.) Save It, Now You Are Done.

<style>
#slideshow {margin:50px auto;position:relative;width:240px;height:240px;padding:10px;box-shadow: 0 0 20px rgba(0,0,0,0.4);}
#slideshow > div {position:absolute;top:10px;left:10px;right:10px;bottom:10px;}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script>
$(function() {
$("#slideshow > div:gt(0)").hide();
setInterval(function() {
$('#slideshow > div:first')
.fadeOut(1000)
.next()
.fadeIn(1000)
.end()
.appendTo('#slideshow');
}, 3000);
});
</script>
<div id="slideshow">
<div>
Your Text, HTML Code, Frame, Video, Images Or AnyThing Here...
</div>
<div>
Your Text, HTML Code, Frame, Video, Images Or AnyThing Here...
</div>
<div>
Your Text, HTML Code, Frame, Video, Images Or AnyThing Here...
</div>
</div>

Customization:
1.) Change ” Your Text, HTML Code, Frame, Video, Images Or AnyThing Here… ” With Your Data.
2.) Of You Want AnyThing More To Change, Just Ask Us.

You Like It, Please Share This Recipe With Your Friends Using...

8 Responses to “Simple And Stylish J-Query DIV Slider Or SlideShow”

  1. I concur with your conclusions and will eagerly look forward to your future updates. The usefulness and significance is overwhelming and has been invaluable to me!
    bar sets with stools

  2. Jude Lee says:

    Please keep on posting such quality articles as this is a rare thing to find these days. I am always searching online for articles that can help me. Looking forward to another great blog. Good luck to the author! all the best!
    http://www.fadeplex.com

  3. hariomgolden says:

    Its banner is stylish & collections so beautiful thank u for share.

  4. Ok please tell me how can I add it only to this page: http://www.wivawrestling.com/p/prossimo-evento.html and add pics ecc..
    Because I really don’t understand.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>