How to create your own slider using jQuery?

How to create webpage using jquery that has content fading in and out?

  • How do I create something similar to this: http://yourprofolio.com/zachkrasner are there any jquery tutorials that can help me learn how to do this stuff?

  • Answer:

    jQuery fadeIn in Action: <html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/lib… <script type="text/javascript"> $(document).ready(function(){ $('body').hide(); $('body').fadeIn(2000); }); </script> </head> <body> Hello! You just saw me use the fadeIn function! </body> </html> Fading back out… <html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/lib… <script type="text/javascript"> $(document).ready(function(){ $('body').hide(); $('body').fadeIn(2000); $('body').fadeOut(5000); }); </script> </head> <body> Hello! You just saw me use the fadeIn function! </body> </html> ---------- Hope this helps.

Dennis at Yahoo! Answers Visit the source

Was this solution helpful to you?

Other answers

You've already got a great answer up there, but if you are looking for tutorials on jQuery I wuld recommend w3schools. They cover just about everything and allow you to experiment with code to see how your changes effect the outcome. http://w3schools.org And once you get a handle on jQuery, instead of needing to ask for help, you would be able to simply look at the source code of sites that have functionality you are interested in and follow the logic.

T. Adam Price

Related Q & A:

Just Added Q & A:

Find solution

For every problem there is a solution! Proved by Solucija.

  • Got an issue and looking for advice?

  • Ask Solucija to search every corner of the Web for help.

  • Get workable solutions and helpful tips in a moment.

Just ask Solucija about an issue you face and immediately get a list of ready solutions, answers and tips from other Internet users. We always provide the most suitable and complete answer to your question at the top, along with a few good alternatives below.