...

View Full Version : CSS and HTML image slideshow/revolver



alexp121
01-24-2012, 02: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>
<p></p>

</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:
http://www.javascriptkit.com/howto/show2.shtml
Thanks!!

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

http://dynamicdrive.com/dynamicindex14/fadeinslideshow.htm

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



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum