Coin-slider

**katiebugla** · 09-26-2012, 02:46 PM

I am trying to use coinslider for a website. I am building in DW and when I preview all I get are stacked images... The slider does not initiate.

Here is my code (div) for the slider

HTML Code:

<div id="coin-slider"><img src="images/slider1.jpg" alt="slide1" /><img src="images/slider1.jpg" alt="slide2" /><img src="images/slider1.jpg" alt="slide3" /><img src="images/slider1.jpg" alt="slide4" /><img src="images/slider1.jpg" alt="slide5" /></div>
		</div>

and here is where I call the js and css:

Code:

<link rel="stylesheet" href="coin-slider-styles.css" type="text/css" />

Code:

<script type="text/javascript" src="jquery-1.4.2.js"></script>
<script type="text/javascript" src="coin-slider.min.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
		$('#coin-slider').coinslider();
	});
</script>

What am I missing?

**djr33** · 09-26-2012, 03:57 PM

Since this could be a conflict with another script, you should post a link to the page.

**jscheuer1** · 09-26-2012, 04:11 PM

And, preview the page in the browser, not DW. Some scripts have to be live to work though.

If you want more help, please include a link to the page on your site that contains the problematic code so we can check it out.

**katiebugla** · 09-26-2012, 04:52 PM

Here is the link and (my apologies) I have tinkered with the original code I posted... I'm just pulling at wires, here, though.

http://richieadams.com/

**jscheuer1** · 09-26-2012, 06:12 PM

There could also be other problems but the highlighted style and scripts are all 404 Not Found:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="jquery-1.4.2.js"></script>
<script type="text/javascript" src="coin-slider.min.js"></script>
<link href="css/styles.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="coin-slider-styles.css" type="text/css" />
</head>

If they are on the server, correct the paths to them in your code. If not, upload them to the paths indicated.

Also I don't see any:

Code:

<script type="text/javascript">
	$(document).ready(function() {
		$('#coin-slider').coinslider();
	});
</script>

You would need that.

And since you say you've benn messing around with this. If you've edited the coin-slider.min.js script or the coin-slider-styles.css files, best to revert them to their originals.