JQuery not working with a spry region

rivkamak used Ask the Experts™
I'm trying to put a JQuery carousel on my page.
Within that area I have a spry:region. My carousel works as long as I don't have have any spry within it.
Once I put that spry code in, the JQuery stops working.
Any way to get around it?
<div id="prize_navigation" spry:region="dsPhotos" >
  <div class="jcarousel-skin-ie7">
  <div class="jcarousel-container">
    <div class="jcarousel-clip" >
      <ul class="jcarousel-list" id="mycarousel" >

        <li class="jcarousel-item-1"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image23','','assets/five_dollar_page/small_thumbnainls/classic-jewwl_down.png',1)"><img onclick="HandleThumbnailClick('0');" src="assets/five_dollar_page/small_thumbnainls/classic-jewwl_up.png" id="tn0"  name="tn0" width="95" height="100" border="0" /></a></li>
        <li class="jcarousel-item-2"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image24','','assets/five_dollar_page/small_thumbnainls/custom_sheitel_down.png',1)"><img src="assets/five_dollar_page/small_thumbnainls/custon_sheitel_down.png" name="Image24" width="95" height="100" border="0" id="Image24" /></a></li>
            <li class="jcarousel-item-3"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image25','','assets/five_dollar_page/small_thumbnainls/dining_decor_down.png',1)"><img src="assets/five_dollar_page/small_thumbnainls/dining_decor_up.png" name="Image25" width="95" height="100" border="0" id="Image25" /></a></li>
    <div disabled="disabled" class="jcarousel-prev jcarousel-prev-disabled"></div>
    <div class="jcarousel-next"></div>

Open in new window

Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Owner (Aidellio)
Most Valuable Expert 2015
It's because they're not compatible, JQuery isn't mentioned but it's based on the same thing as Prototype:


What are the issues or limitations in using Spry in conjunction with other Ajax frameworks?

The Spry framework includes the use of the Google XPath library. As a result, Spry may break when used in conjunction with the Prototype Ajax library. The Prototype Ajax library breaks this XPath implementation, and other third-party JavaScript libraries, because of the way the Prototype library extends the JavaScript built-in types. We have taken steps to ensure compatibility with Prototype and other frameworks. Due to the dynamic nature of the Ajax world, incompatibilities may arise. We are determined to make sure we play well with others.

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial