Announcement:

  Hello, We Changed Our Cloth, How It Is Looking? Leave Your Feedback At Our Page.

Saturday, August 4, 2012

Simple And Stylish J-Query DIV Slider Or SlideShow

This Article Was Live On: Saturday, August 4, 2012 And Till Now Have8 comments.
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 Article Using...




Don't Forget To Read This Also...



8 comments :

  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

    ReplyDelete
  2. 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!
    www.fadeplex.com

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

    ReplyDelete
    Replies
    1. Thanks For Visiting Our Blog And Liking Our Content...

      Delete
  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.

    ReplyDelete
    Replies
    1. Send Us An Email At support@exeideas.com So We Will Generate Your Code There.

      Delete

Speak Your Mind:



Please Read The Rules Before Commenting:-

1.) Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.
2.) Make sure to click the "Notify me" link below the comment to be notified of follow up comments and replies.
3.) Please "Do Not Spam".
4.) Please "Do Not Add Links" to the body of your comment as they will not be published. If the quires contain link then never add HTML tag to it.
5.) Only "English" comments shall be approved and answered.
6.) If you have a problem check first the comments, maybe you will find the solution there.
7.) Your comments must contain 100+ characters to remain accepted.
8.) Never Use Keywords In The Name Section Otherwise Your Comment Will Be Deleted.
9.) All comment will be deleted if it will not fulfil the requirements.