Click here to Skip to main content
13,898,644 members
Click here to Skip to main content
Add your own
alternative version


25 bookmarked
Posted 3 Jul 2010
Licenced CPOL

Automatic News Slider CSS & jQuery Simple News Slider Tutorial jQuery Slider jQuery News Rotator

, 20 Jul 2011
Rate this:
Please Sign up or sign in to vote.
Slides the blog posts and news automatically. The news slider is completely built with jquery and CSS.


I really love jquery. Today I just built another module for the visinia CMS. This module slides the blog posts and news automatically. The news slider module is completely built with jquery and CSS.

The code is so simple that I wanted to share it with my friends here.

The dynamic webpage, the dynamic controls, every webpage now on the web has some kind of JavaScript added to it. So to add the dynamics to the visinia CMS modules, I just added a news slider. 

The code is very simple.


<DIV class=Rotator>
<H2>Posts Rotator</H2>
<A href=" title</A> 
<A href=" title</A> 
<A href=" title</A> 
<A href=" title</A> 


margin: 5px 5px 5px 20px;

.Rotator h2
padding: 0px;
margin: 0px 10px 0px 0px;
float: left;
color: #FFFFFF;
font-size: 12px;

.Rotator ul

.Rotator ul li
display: inline;
height: 10px;

.Rotator ul li a
color: #FFFFFF;


$('.Rotator ul li').hide();
$('.Rotator ul li:first').show(); 

function Rotate(){
var current = $('.Rotator ul li:visible');
var next = ? : current.parent().children(':first'); 
setTimeout(Rotate, 5000);


You need to download the jquery.js from their website. The other option might be to use the file hosted on Google.

<script type="text/javascript"

More Information

Please see


  • 4th July, 2010: Initial post


This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


About the Author

tanvon malik
Pakistan Pakistan
tanvon malik ( real name Tanveer Ahmad )I am a CNC Programmer, cnc setter, cnc operator. want to know about me visit my websites.
CNC Programming
CNC Manuals
DXF & GCode Files with Online Viewers

I been in Switzerland MAG former +FMS+ for CNC training.

Most interesting technologies I like COM MFC DirectShow such as filter development. I am from Pakistan.
Have worked on projects mostly related video capturing, video data processing and real time object tracking on videos. For these I have worked on projects which use "Open CV Library". Which is mostly used for capturing data and its processing.

You may also be interested in...

Comments and Discussions

QuestionDoesn't Run Pin
Clinton Gallagher26-Jul-11 4:20
professionalClinton Gallagher26-Jul-11 4:20 
QuestionSecond element shows first Pin
Bjarne Havnen - CodePort AS20-Jul-11 2:32
memberBjarne Havnen - CodePort AS20-Jul-11 2:32 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

Permalink | Advertise | Privacy | Cookies | Terms of Use | Mobile
Web04 | 2.8.190306.1 | Last Updated 20 Jul 2011
Article Copyright 2010 by tanvon malik
Everything else Copyright © CodeProject, 1999-2019
Layout: fixed | fluid