Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Jan 2012
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    CSS and HTML image slideshow/revolver

    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:
    Code:
    <div id="templatemo_banner">
            
            	<div class="header_02"></div>
                <p></p>
            
            </div> <!-- end of banner -->
    This is the banner in the stylesheet:
    Code:
    #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:
    Code:
    .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!!

  • #2
    New Coder
    Join Date
    Sep 2009
    Posts
    73
    Thanks
    5
    Thanked 9 Times in 9 Posts

  • #3
    New to the CF scene
    Join Date
    Jan 2012
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    hey thanks for that mate! managed to get it working with what my website!


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •