SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Member
    Join Date
    Nov 2009
    Posts
    1
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    JQuery problem- can you have 2 different scripts on 1 page?

    I have jquery in 2 different places on my page-
    1- menu using lava lamp
    2- image rotator

    I see that they are interfering with each other. How can I fix this?

    dubdubdub.prodentiteDOTcom/v2

    js links for lava:
    <script type="text/javascript" src="js/jquery-1.2.3.pack.js"></script>
    <script type="text/javascript" src="js/jquery.easing.min.js"></script>
    <script type="text/javascript" src="js/jquery.lavalamp.min.js"></script>

    js links for imagerotator:
    <script src="js/image_rotator_jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="js/image_rotator.js"></script>

    Code for lava:
    <ul class="Nav" id="lava">
    <li><a class="nav1" href="/about/index.php"></a></li>
    <li><a class="nav2" href="/marketing/index.php"></a></li>
    <li><a class="nav3" href="/web/index.php"></a></li>
    <li><a class="nav4" href="/branding/index.php"></a></li>
    <li><a class="nav5" href="/orm/index.php"></a></li>
    <li><a class="nav6" href="/contact/index.php"></a></li>
    <li><a class="nav7" href="/contact/index.php"></a></li>
    </ul>

    code for imagerotator:
    <div id="rotator">
    <ul>
    <li class="show"> <a href="javascript:void(0)"> <img src="images/imagerotator/dental_marketing.jpg" alt="Dental Practice Web Design" width="400" height="266"/></a></li>
    <li> <a href="javascript:void(0)"> <img src="images/imagerotator/dental_websites.jpg" width="400" height="266" /></a></li>
    <li> <a href="javascript:void(0)"> <img src="images/imagerotator/marketing_for_dentists.jpg" width="400" height="266" /></a></li>
    <li> <a href="javascript:void(0)"> <img src="images/imagerotator/email_marketing_dental_practices.jpg" width="400" height="266" /></a></li>
    <li> <a href="javascript:void(0)"> <img src="images/imagerotator/dental_seo.jpg" width="400" height="266" /></a></li>
    <li> <a href="javascript:void(0)"> <img src="images/imagerotator/dental_logos.jpg" width="400" height="266" /></a></li>
    </ul>
    </div>

  2. #2
    I meant that to happen silver trophybronze trophy Raffles's Avatar
    Join Date
    Sep 2005
    Location
    Tanzania
    Posts
    4,662
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Not sure what's supposed to happen here, because the lava lamp works well, but there is no image rotation at all. The only images seem to be that flash thing with the PowerPoint-like transitions of pictures of dentists. There is no #rotator div.


Bookmarks

Posting Permissions

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