|
accetnsbeads
Starting Member
30 Posts |
 Posted - April 24 2012 : 15:22:38
|
Hi I have a new jquery slide show I would like to use. I have uploaded the js and the css files necessary to run it onto the server but I dont know how to rewrite the the source for it to link properly.
here is the code, the js and css are linked to files on my computer to test it. When I try to run this on the webpage, I dont know the exact how to type the new location for the css and js it is trying to run.
My css is in the css file of a custom template "template_greenoasis700/css/slider1.css"
and the js is the js files of my httpdocs.
here is the 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>test</title>
<link href="../../Desktop/slider1.css" rel="stylesheet" type="text/css" />
<script src="../imgrotator/js/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="../imgrotator/js/s3Slider.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#s3slider').s3Slider({
timeOut: 4000
});
});
</script>
</head>
<body>
<div id="element">
<div id="s3slider"></div>
<ul id="s3sliderContent">
<li class="s3sliderImage"> <a href="http://www.accentsbeads.net/shopexd.asp?id=24133"><img src="images/sliderImages/sleeping beauty.jpg" /></a>
<span class="bottom">Sleeping Beauty Turquoise nuggets from Globe, Arizona</span>
</li>
<!-- End s3sliderImage -->
<li class="s3sliderImage"> <a href="http://www.accentsbeads.net/shopexd.asp?id=24135"><img src="images/sliderImages/4mm Round Apatite.jpg" /></a>
<span class="bottom">Lovely color and shape, Grade "A" Apatite rounds</span>
</li>
<!-- End s3sliderImage -->
<li class="s3sliderImage"> <a href="http://www.accentsbeads.net/shopexd.asp?id=24134"><img src="images/sliderImages/drk purple keishi.jpg" /></a>
<span class="bottom">Rich color, nice luster, large top drill Keishi Freshwater Pearls </span>
</li>
<!-- End s3sliderImage -->
<li class="s3sliderImage"> <a href="http://www.accentsbeads.net/shopexd.asp?id=24132"><img src="images/sliderImages/lav nuggets.jpg" /></a>
<span class="bottom">Fantastic luster, large irregular nugget Freshwater Pearls</span>
</li>
<!-- End s3sliderImage -->
<li class="s3sliderImage">
<img src="images/sliderImages/pink keishi.jpg" />
<span class="bottom">Large top drill Keishi Freashwater Pearls in bright pink and fuschia color</span>
</li>
<!-- End s3sliderImage -->
<li class="clear s3sliderImage"></li>
</ul><!-- end s3sliderContent -->
<!-- end div element -->
</div>
</body>
</html>
rebecca osterman |
|
All Forums
new page, how do I link to js and css?
New Topic
Printer Friendly
Topic 
TrustGuard - PCI Security Scanner
