Image Box

[Smuj56]

sorry for the long reply, had a busy weekend out on the town ... :P

i had a look at your sites code but it showed it up as a jumble so i gave up haha.
i put in the viewer or how i thought i put it in but it managed to screw up my div tags so i had to go back and remove half of it and re do it.. fun times.

will give it another bash just now. this is it just now, still the same

WSZ Joinery | Home

thanks

[Corrosive]

OK, cool.

First up you need to close your unordered list;

<div id="slider"> 
			<ul>				
				<li><a href="http://templatica.com/preview/30"><img src="images/01.jpg" alt="Css Template Preview" /></a></li> </ul>

Then you need to link to the correct javascript files in your head tags (obviously making sure the are pointed to the right place);

<script type="text/javascript" src="js/jquery.js"></script>

<script type="text/javascript" src="js/easySlider1.5.js"></script>

<script type="text/javascript">

	$(document).ready(function(){	

		$("#slider").easySlider();

	});	

</script>

The link references above show the javascript files sat in a folder called 'js' in the root of your website. Which is how I generally arrange javascript files for sites.

Then copy the CSS styles;

/* Easy Slider */



	#slider ul, #slider li{

		margin:0;

		padding:0;

		list-style:none;

		}

	#slider li{ 

		/* 

			define width and height of list item (slide)

			entire slider area will adjust according to the parameters provided here

		*/ 

		width:696px;

		height:241px;

		overflow:hidden; 

		}

	span#prevBtn{}

	span#nextBtn{}					



/* // Easy Slider */

Into your stylesheet and alter to suit.

Come back when you've done all that and let me know if it is working.