My ajax includes seem not to work harmoniously when included together on the header of my page. One only works if one is removed. It’s like choosing only one and scrapping the other but that can’t be… I need both to make the page work as client’s expectation… Please help guys if you know what’s wrong with my codes… Thanks and help gladly appreciated…
<style type=“text/css”>
<!–
–>
</style>
<link href=“css/ck_style.css” rel=“stylesheet” type=“text/css” />
<script type=“text/javascript” src=“http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js”></script>
<script type=“text/javascript” src=“featuredcontentglider.js”></script>
<link rel=“stylesheet” type=“text/css” href=“css/featuredcontentglider.css”/>
<script type=“text/javascript” src=“js/prototype.js”></script>
<script type=“text/javascript” src=“js/effects.js”></script>
<script type=“text/javascript” src=“js/crossfade.js”></script>
<link rel=“stylesheet” href=“css/prettyPhoto.css” type=“text/css” media=“screen” title=“prettyPhoto main stylesheet” charset=“utf-8” />
<script type=“text/javascript” src=“js/jquery.prettyPhoto.js”></script>
<script type=“text/javascript” charset=“utf-8”>
$(document).ready(function(){
$(“a[rel^=‘prettyPhoto’]”).prettyPhoto({theme:‘dark_rounded’});
});
</script>
<style type=“text/css” media=“screen”>
* { margin: 0; padding: 0; }
body {
font: 62.5%/1.2 Arial, Verdana, Sans-Serif;
}
h4 { margin: 15px 0 5px 0; }
h4, p { font-size: 1.2em; }
ul li { display: inline; }
.wide {
border-bottom: 1px #000 solid;
width: 4000px;
}
</style>
<script>
Crossfade.setup({autoLoad:true});
var cf1 = new Crossfade(‘fade-example-1’, {autoStart:true});
var cf2 = new Crossfade(‘fade-example-2’);
</script>
<script type=“text/javascript”>
featuredcontentglider.init({
gliderid: “ck_glider”, //ID of main glider container
contentclass: “glidecontent”, //Shared CSS class name of each glider content
togglerid: “p-select”, //ID of toggler container
remotecontent: “”, //Get gliding contents from external file on server? “filename” or “” to disable
selected: 0, //Default selected content index (0=1st)
persiststate: false, //Remember last content shown within browser session (true/false)?
speed: 500, //Glide animation duration (in milliseconds)
direction: “rightleft”, //set direction of glide: “updown”, “downup”, “leftright”, or “rightleft”
autorotate: true, //Auto rotate contents (true/false)?
autorotateconfig: [5000, 100] //if auto rotate enabled, set [milliseconds_btw_rotations, cycles_before_stopping]
})
