Jump to content
Killersites Community
sarina28

Problems with jquery slider

Recommended Posts

I want to add a jquery Coda slider 2.0 to a website, but when I add it the code breaks. It seem to effect the css. I tried isolating it, but without success. This is my first time using jquery. I want the slider to replace the 2nd paragraph that includes the Steeda logo.

 

This is the website before adding the slider - mustan gandmotorsports.c om

 

This is the website after adding the slider - mustan gandmotorsports.c om/index2.php

 

Here is the code with the slider added:

 

-----------------------------------------------------------

 

<!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>San Diego's Domestic Automotive Performance Repair Specialists- Renegade Performance Mustangs and Motorsports</title>

<meta name="DESCRIPTION" content="Located in San Diego, California, Renegade Performance Mustangs and Motorsports specializes in performance upgrades and repairs for Ford Mustangs and other domestic cars and trucks. Our technician are ASE certified, and use the latest diagnostic equipment to repair domestic automotive vehicles. We specialize in engine modifications, superchargers, suspension upgrades, brake upgrades, transmission conversions, and rear end gear upgrades." />

<meta name="KEYWORDS" content="san diego auto repair,san diego auto service,auto repair service san diego,auto repair service san diego,auto repair estimates,auto repair quotes,mechanics,auto repair,Camaro,Corvette,Chevrolet,Mustang,Shelby,GT500,Ford,Challenger,General Motors,GM,Mopar,high performance,installation center,service,repair,ase certified,auto,automotive,custom,San Diego,domestic"/>

<meta name="google-site-verification" content="xQECzfhsB8Mol-TE0KF9n8QkLGIFPPF7_FZqPepodfg" />

 

<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico"/>

<link href="css/reset.css" rel="stylesheet" type="text/css" />

<link href="css/homepage.css" rel="stylesheet" type="text/css" />

<link href="css/main_nav.css" rel="stylesheet" type="text/css" />

<link href="css/fonts.css" rel="stylesheet" type="text/css" />

<link href="css/blog.css" rel="stylesheet" type="text/css" />

<link rel="stylesheet" type="text/css" href="css/anylinkcssmenu.css" />

<link rel="stylesheet" type="text/css" href="css/tooltip.css" />

 

<!-- Begin Slider Stylesheets -->

<link rel="stylesheet" href="/jquery/stylesheets/slider-reset.css" type="text/css" media="screen" />

<link rel="stylesheet" href="/jquery/stylesheets/coda-slider-2.0.css" type="text/css" media="screen" />

<!-- End Slider Stylesheets -->

 

<link rel="stylesheet" type="text/css" href="rssbox/rssdisplaybox.css" />

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

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

/***********************************************

* RSS Display Boxes- © Dynamic Drive DHTML code library (www.dynamicdrive.com)

***********************************************/

</script>

 

<script type="text/javascript">

//<![CDATA[

/*

Preload images script

By JavaScript Kit (http://javascriptkit.com)

*/

var myimages=new Array()

function preloadimages(){

for (i=0;i<preloadimages.arguments.length;i++){

myimages=new Image()

myimages.src=preloadimages.arguments

}

}

 

//Enter path of images to be preloaded inside parenthesis. Extend list as desired.

preloadimages("http://www.mustangsandmotorsports.com/images/mainnav/home2.jpg",

"http://www.mustangsandmotorsports.com/images/mainnav/about2.jpg",

"http://www.mustangsandmotorsports.com/images/mainnav/crew2.jpg",

"http://www.mustangsandmotorsports.com/images/mainnav/services2.jpg", "http://www.mustangsandmotorsports.com/images/mainnav/customers2.jpg",

"http://www.mustangsandmotorsports.com/images/mainnav/blog2.jpg",

"http://www.mustangsandmotorsports.com/images/mainnav/contact2.jpg")

//]]>

</script>

 

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

/***********************************************

* Visit Project Page at http://www.dynamicdrive.com/dynamicindex1/anylinkcss.htm for full source code

***********************************************/

</script>

 

<script type="text/javascript">

//anylinkcssmenu.init("menu_anchors_class") ////Pass in the CSS class of anchor links (that contain a sub menu)

anylinkcssmenu.init("anchorclass")

</script>

 

<!-- Begin Slider JavaScript -->

<script type="text/javascript" src="/jquery/javascripts/jquery-1.3.2.min.js"></script>

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

<script type="text/javascript" src="/jquery/javascripts/jquery.coda-slider-2.0.js"></script>

<script type="text/javascript">

$().ready(function() {

$('#coda-slider-1').codaSlider({

autoSlide: true,

autoSlideInterval: 4000,

autoSlideStopWhenClicked: true

});

});

</script>

 

<!-- End Slider JavaScript -->

 

</head>

 

<body>

<!-- Wrapper Begin -->

<div id="wrapper">

 

<h1>:: Classic and Late Model Domestic Automotive Performance Specialists ::</h1>

 

<!-- Content Begin -->

<div id="content"><img src="images/body/ase-certified-logo.png" alt="ASE Certified Repair Technician" align="left" width="141" height="141" />

<p>Located in San Diego, California, Renegade Performance Mustangs and Motorsports specialize in performance upgrades for Ford Mustangs and other domestic cars and trucks. We can take care of all general maintenance needs as well. Our services include engine modifications, headers and exhaust, suspension and brake upgrades, supercharger installations and repairs, and transmission and gear upgrades. We use the latest diagnostic equipment in order to repair your vehicle to its' optimal performance. We also offer wheel alignments in-house, so we can accurately tune suspension to your specifications. Whether your need an oil change, or a supercharger installed, our expert ASE Certified staff can handle it, and do it at a reasonable price. Our goal is to provide courteous, fast, and professional service, so you can have the best driving experience. If you have any questions, you can call us at (619)569-4188. Don't forget to check out our blog for the latest automotive performance upgrades and installations.</p><br />

<h2>:: RPMM IS NOW A STOCKING STEEDA DEALER ::</h2><br />

<!-- Content End-->

 

<!-- Parts Slider Begin-->

<div class="coda-slider-wrapper">

<div class="coda-slider preload" id="coda-slider-1">

<div class="panel">

<div class="panel-wrapper">

<h2 class="title">Panel 1</h2>

<img src="http://www.mustangsandmotorsports.com/images/body/ase-certified-logo.png" alt="ASE Certified Repair Technician" align="left" width="141" height="141" />

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas metus nulla, commodo a sodales sed, dignissim pretium nunc. Nam et lacus neque. Sed volutpat ante id mauris laoreet vestibulum. Nam blandit felis non neque cursus aliquet. Morbi vel enim dignissim massa dignissim commodo vitae quis tellus. Nunc non mollis nulla. Sed consectetur elit id mi consectetur bibendum. Ut enim massa, sodales tempor convallis et, iaculis ac massa. Etiam suscipit nisl eget lorem pellentesque quis iaculis mi mattis. Aliquam sit amet purus lectus. Maecenas tempor ornare sollicitudin.</p>

</div>

</div>

<div class="panel">

<div class="panel-wrapper">

<h2 class="title">Panel 2</h2>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas metus nulla, commodo a sodales sed, dignissim pretium nunc. Nam et lacus neque. Sed volutpat ante id mauris laoreet vestibulum. Nam blandit felis non neque cursus aliquet. Morbi vel enim dignissim massa dignissim commodo vitae quis tellus. Nunc non mollis nulla. Sed consectetur elit id mi consectetur bibendum. Ut enim massa, sodales tempor convallis et, iaculis ac massa. Etiam suscipit nisl eget lorem pellentesque quis iaculis mi mattis. Aliquam sit amet purus lectus. Maecenas tempor ornare sollicitudin.</p>

</div>

</div>

<div class="panel">

<div class="panel-wrapper">

<h2 class="title">Panel 3</h2>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas metus nulla, commodo a sodales sed, dignissim pretium nunc. Nam et lacus neque. Sed volutpat ante id mauris laoreet vestibulum. Nam blandit felis non neque cursus aliquet. Morbi vel enim dignissim massa dignissim commodo vitae quis tellus. Nunc non mollis nulla. Sed consectetur elit id mi consectetur bibendum. Ut enim massa, sodales tempor convallis et, iaculis ac massa. Etiam suscipit nisl eget lorem pellentesque quis iaculis mi mattis. Aliquam sit amet purus lectus. Maecenas tempor ornare sollicitudin.</p>

</div>

</div>

<div class="panel">

<div class="panel-wrapper">

<h2 class="title">Panel 4</h2>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas metus nulla, commodo a sodales sed, dignissim pretium nunc. Nam et lacus neque. Sed volutpat ante id mauris laoreet vestibulum. Nam blandit felis non neque cursus aliquet. Morbi vel enim dignissim massa dignissim commodo vitae quis tellus. Nunc non mollis nulla. Sed consectetur elit id mi consectetur bibendum. Ut enim massa, sodales tempor convallis et, iaculis ac massa. Etiam suscipit nisl eget lorem pellentesque quis iaculis mi mattis. Aliquam sit amet purus lectus. Maecenas tempor ornare sollicitudin.</p>

</div>

</div>

</div><!-- .coda-slider -->

</div><!-- .coda-slider-wrapper -->

<!-- Parts Slider Begin-->

 

<!-- Map Begin -->

<div id="map">

<img src="images/body/map-base.png" alt="Google Maps" align="right" width="442" height="312" />

<p>New Address:<br />

6325 Marindustry Drive<br />

San Diego, CA 92121<br /><br />

From Miramar Road take Miramar Place North, and at the first stop sign take a right. After that, we are immediately on the right hand side.</p>

</div>

<!-- Map End-->

 

<div id="googlemap">

<iframe width="346" height="207" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=d&source=s_d&saddr=6325+Marindustry+Drive,+San+Diego,+California+92121&daddr=&hl=en&geocode=&mra=ls&sll=32.880849,-117.172601&sspn=0.012308,0.019205&ie=UTF8&ll=32.879047,-117.181721&spn=0.007461,0.014806&z=15&output=embed"></iframe><br /><br /><br /><small><a href="http://maps.google.com/maps?f=d&source=embed&saddr=6325+Marindustry+Drive,+San+Diego,+California+92121&daddr=&hl=en&geocode=&mra=ls&sll=32.880849,-117.172601&sspn=0.012308,0.019205&ie=UTF8&ll=32.879047,-117.181721&spn=0.007461,0.014806&z=15" >Get Specific Directions To RPMM</a></small>

</div>

 

<!-- Promo Begin -->

<div id="promo">

<?php @include("includes/blogrole.php"); ?>

</div>

<!-- Promo End -->

 

<!-- Header Begin -->

<div id="header">

<img src="images/headers/header_<?php echo(rand(1,5)); ?>.jpg"

width="1027" height="192" alt="Renegade Performance Mustangs and Motorsports - Classic and Late Model Automotive Performance Specialists" />

</div>

<!-- Header End -->

 

<!-- Main Nav Begin -->

<ul id="main_nav">

<?php @include("includes/main_nav.php"); ?>

</ul>

<!-- Main Nav End -->

 

<!-- Footer Begin -->

<div id="footer">

<?php @include("includes/footer.php"); ?>

<img src="/images/body/renegade-footer.jpg" alt="Renegade Performance Mustangs and Motorsports - Carbon Foot Print - 2009 Shelby Mustang" width="1027" height="122" /></div>

<!-- Footer End -->

 

</div>

<!-- wrapper End-->

 

<script type="text/javascript">

//<![CDATA[

var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");

document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));

//]]>

</script><script type="text/javascript">

//<![CDATA[

try {

var pageTracker = _gat._getTracker("UA-12101048-1");

pageTracker._trackPageview();

} catch(err) {}

//]]>

</script>

</body>

</html>

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×