Log in

View Full Version : 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


<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:

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

<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:


<!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:



<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.
katiebugla
09-26-2012, 06:49 PM
I have reloaded and still have stacked images... I am needing to do this quickly (for my boss :/) so I may be trying another slider, soon.
katiebugla
09-26-2012, 08:34 PM
I ultimately went through rslider for the image slider... stay tuned, I may need help with a floatbox video.