VP-ASP :: Shopping Cart Software

Shopping Cart Software Solutions for anywhere in the World

US/Canada(Toll Free): +1 888 587 2278
Europe/UK: +44 (020) 7193 9408
Australia/New Zealand: +61 3 9016 4497

VP-Cart StoreFront Customer Forum

Home | Profile | Register | Active Topics | Members | Search | FAQ
Save Password
Forgot your Password?

 All Forums
 VPCart Forum
 VP-ASP 7.0 Questions
 new page, how do I link to js and css?
 New Topic  Reply to Topic
 Printer Friendly
Author Previous Topic Topic Next Topic  

Starting Member

30 Posts

Posted - April 24 2012 :  15:22:38  Show Profile  Reply with Quote
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">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<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() {
timeOut: 4000


<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>
<!-- 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>
<!-- 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>
<!-- 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>
<!-- 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>
<!-- End s3sliderImage -->
<li class="clear s3sliderImage"></li>

</ul><!-- end s3sliderContent -->

<!-- end div element -->


rebecca osterman

VP-ASP Expert

United Kingdom
948 Posts

Posted - April 25 2012 :  04:07:07  Show Profile  Reply with Quote
Hi Rebecca,

You should really type in the full path to the stylesheet and the jquery function, and I noticed that the path for the css file has Desktop in it (?)
It should read something like:
Do the same for your js files.

If you want to use the slider on other pages, put the links in shoppageheader.htm instead.


Go to Top of Page

Starting Member

30 Posts

Posted - April 25 2012 :  09:08:42  Show Profile  Reply with Quote
thank you Carrol for your quick reply. I appreciate your help. I will see if this works. thanks!
Go to Top of Page
  Previous Topic Topic Next Topic  
 New Topic  Reply to Topic
 Printer Friendly
Jump To:
Snitz Forums 2000