Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New to the CF scene
    Join Date
    Sep 2011
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Why in my page where is multiple slideshows one of them doesnt work ?

    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>

  • #2
    4jd
    4jd is offline
    New Coder
    Join Date
    Sep 2011
    Posts
    25
    Thanks
    4
    Thanked 0 Times in 0 Posts
    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.

  • #3
    New to the CF scene
    Join Date
    Sep 2011
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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

  • #4
    Regular Coder
    Join Date
    Nov 2009
    Posts
    247
    Thanks
    4
    Thanked 22 Times in 22 Posts
    perfooter:

    See, my application here

    Multiple fading slideshows.

  • #5
    New to the CF scene
    Join Date
    Sep 2011
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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?


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •