View Full Version : CSS and HTML image slideshow/revolver

01-24-2012, 03:11 AM
I am trying to create a slideshow (I want a banner to scroll through 3 different images after a certain amount of time) on my website using CSS & HTML. My website uses a CSS stlyesheet for all its positioning etc...

This is the index.html command:

<div id="templatemo_banner">

<div class="header_02"></div>

</div> <!-- end of banner -->

This is the banner in the stylesheet:

#templatemo_banner {
float: right;
width: 550px;
height: 180px;
padding: 50px;
overflow: hidden;
background: url(images/templatemo_banner_bg.jpg) no-repeat;

and this is header_02:

.header_02 {
clear: both;
padding-bottom: 20px;
margin-bottom: 15px;
font-size: 22px;
color: #ffffff;

Can anyone help me?
I can do this easily in just HTML but when trying to tie it all in together using CSS i get stuck.
Here is a link showing just what i want to do:

ARCLite Studio
01-24-2012, 05:29 PM
Try this:


01-25-2012, 04:29 AM
hey thanks for that mate! managed to get it working with what my website!