...

View Full Version : Why in my page where is multiple slideshows one of them doesnt work ?



perfooter
09-19-2011, 01:14 PM
Hello here is my code that im dealing with and only second sliceshow works for me i need them both that would be working together please help me! thanks for any help :) here is my script

<head>
<title>Easy Slider jQuery Plugin Demo</title>
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/easySlider1.7.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#slider").easySlider({
auto: true,
continuous: true,
nextId: "slider1next",
prevId: "slider1prev"
});

});

</script>

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

<link rel="stylesheet" type="text/css" href="leidyba/css/demo.css" />
<link rel="stylesheet" type="text/css" href="leidyba/css/styleleidyba.css" />
<link rel="stylesheet" type="text/css" href="leidyba/css/jquery.jscrollpane.css" media="all" />
<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow&v1' rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=Coustard:900' rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=Rochester' rel='stylesheet' type='text/css' />




<div id="container">

<div id="header">
<h1>Easy Slider jQuery Plugin - Multiple sliders</h1>
</div>

<div id="content">

<div id="slider">
<ul>
<li><a href="http://templatica.com/preview/30"><img src="slide/images/01.jpg" alt="Css Template Preview" /></a></li>
<li><a href="http://templatica.com/preview/7"><img src="slide/images/02.jpg" alt="Css Template Preview" /></a></li>
<li><a href="http://templatica.com/preview/25"><img src="slide/images/03.jpg" alt="Css Template Preview" /></a></li>

</ul>
</div>


<div class="container">

<div id="ca-container" class="ca-container">
<div class="ca-wrapper">
<div class="ca-item ca-item-1">
<div class="ca-item-main">
<div class="ca-icon"></div>
<h3>Knygų leidyba</h3>
<h4>
<span class="ca-quote">&ldquo;</span>
<span>The greatness of a nation and its moral progress can be judged by the way in which its animals are treated.</span>
</h4>
<a href="#" class="ca-more">plačiau...</a>
</div>
<div class="ca-content-wrapper">
<div class="ca-content">
<h6>Knygų leidyba</h6>
<a href="#" class="ca-close">close</a>
<div class="ca-content-text">
<p>I am so happy, my </p>
<p>When, while the </p>
<p>She packed her .</p>
</div>
<ul>
<li><a href="#">Read more</a></li>
<li><a href="#">Share this</a></li>
<li><a href="#">Become a member</a></li>
<li><a href="#">Donate</a></li>
</ul>
</div>
</div>
</div>
<div class="ca-item ca-item-2">
<div class="ca-item-main">
<div class="ca-icon"></div>
<h3>Reklaminiai bukletai</h3>
<h4>
<span class="ca-quote">&ldquo;</span>
<span>I hold that the more </span>
</h4>
<a href="#" class="ca-more">plačiau...</a>
</div>
<div class="ca-content-wrapper">
<div class="ca-content">
<h6>Would you eat your dog?</h6>
<a href="#" class="ca-close">close</a>
<div class="ca-content-text">
<p>I am so happy, my .</p>
<p>When, while the </p>
<p>She packed her </p>
</div>
<ul>
<li><a href="#">Read more</a></li>
<li><a href="#">Share this</a></li>
<li><a href="#">Become a member</a></li>
<li><a href="#">Donate</a></li>
</ul>
</div>
</div>
</div>

</div>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript" src="leidyba/js/jquery.easing.1.3.js"></script>
<!-- the jScrollPane script -->
<script type="text/javascript" src="leidyba/js/jquery.mousewheel.js"></script>
<script type="text/javascript" src="leidyba/js/jquery.contentcarousel.js"></script>

<script type="text/javascript">
$('#ca-container').contentcarousel({
});


</script>
</div>

</body>
</html>

4jd
09-19-2011, 01:19 PM
I am not a genius at this but i think you may have a clash with trying to run 2 jquery's together.

I had an issue like this and found that jquery was confilicting, but I may be wrong, but its worth a check.

perfooter
09-19-2011, 01:46 PM
Yes here are two dirferent slideshows with diferent jscripts and they are conflicting between so i am looking forward for help(to know how to avoid conflict), because i need to have them both working properly in one page :)

Sciliano
09-19-2011, 01:58 PM
perfooter:

See, my application here (http://www.freewarefiles.com/Multiple-Fading-Slideshows_program_71003.html)

Multiple fading slideshows.

perfooter
09-19-2011, 02:10 PM
Thanks Sciliano, but i checked your's sllideshows and you are using same jscripts for all slideshows (3 same slideshows), its easy to do that with same slideshows but how to do with two and diferent ? in my case?



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum