why are cycle (plugin) functions breaking down in my XSLT page?

why are cycle (plugin) functions breaking down in my XSLT page?

I have cycle finally going in my XSLT but I had to disable several controls in order to do it. Right now all I have is the "fx" going. First there was trouble with my paging function - disabling it made cycle finally stack the images in place as it normally as opposed to a vertical sequential order. Then the transitions were not happening at al - regardless of whether i was using a pager, the top slide was not moving out of the way. I have no idea why there should be a conflict between cycle and the xslt page.

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <!-- DWXMLSource="test-04.xml" -->
  3. <!DOCTYPE xsl:stylesheet  [
  4. <!ENTITY nbsp   "&#160;">
  5. <!ENTITY copy   "&#169;">
  6. <!ENTITY reg    "&#174;">
  7. <!ENTITY trade  "&#8482;">
  8. <!ENTITY mdash  "&#8212;">
  9. <!ENTITY ldquo  "&#8220;">
  10. <!ENTITY rdquo  "&#8221;"> 
  11. <!ENTITY pound  "&#163;">
  12. <!ENTITY yen    "&#165;">
  13. <!ENTITY euro   "&#8364;">
  14. ]>
  15. <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

  17.  <xsl:output method="html" encoding="utf-8" doctype-public="-//W3C//DTD XHTML 1.0 Transitional//EN" doctype-system="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"/>

  19. <xsl:template match="/">

  21.  <html xmlns="http://www.w3.org/1999/xhtml">
  22.     <head>
  23.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  24.     <title>Untitled Document</title>
  25.     <link href="styles9.css" rel="stylesheet" type="text/css" />

  27.      <script type='text/javascript' src='jquery-1.3.2.min.js'></script>
  28. <script type="text/javascript" src="http://malsup.github.com/chili-1.7.pack.js"></script>
  29. <script type="text/javascript" src="jquery.cycle.all.min.js"></script>
  30. <script type="text/javascript" src="jquery.easing.1.3.js"></script>

  32. <!-- this is the tooltip script-->
  33. <script type='text/javascript' src='tooltip.js'></script>
  34.        <script type="text/javascript">  
  35. //$(document).ready(function() {
  36.     $('#imageFrame').cycle({
  37.          fx: 'scrollHorz', 
  38. speed: 800, 
  39. //timeout: 0, 
  40. //prev: '#prev',
  41. //next: '#next',
  42. // pager: '#pagerNav',
  43. /* pagerAnchorBuilder: pagerFactory }); function pagerFactory(idx, slide) { var s = idx > 3 ? ' style="display:none"' : ''; return '<li'+s+'><a href="#">'+(idx+1)+'</a></li>'; };
  44. */
  45. });


  48. </script> </head>
  49.     <body>
  50.     
  51. <div id="content">
  52.   <table>
  53.     <tr>
  54.       <td ><div id="projectName" class="boxes"> <span class="contentID">project name</span><br />
  55.         <xsl:value-of select="Root/Prjct/Name"/> </div>  
  56.         <br />
  57.         <div id="cycleWrap" class="boxes">
  58.           <div id="imageFrame">  
  59.           <img width="583" height="266">
  60.                   <xsl:attribute name="src"> 
  61.                   <xsl:value-of select= "Root/Prjct/Images/Img01" /> 
  62.                   </xsl:attribute>
  63.                   </img>
  64.                    <img width="583" height="266">
  65.                   <xsl:attribute name="src"> 
  66.                   <xsl:value-of select= "Root/Prjct/Images/Img02" /> 
  67.                   </xsl:attribute>
  68.                   </img>
  69.                    <img width="583" height="266">
  70.                   <xsl:attribute name="src"> 
  71.                   <xsl:value-of select= "Root/Prjct/Images/Img03" /> 
  72.                   </xsl:attribute>
  73.                   </img>
  74.                    <img width="583" height="266">
  75.                   <xsl:attribute name="src"> 
  76.                   <xsl:value-of select= "Root/Prjct/Images/Img04" /> 
  77.                   </xsl:attribute>
  78.                   </img>
  79.            </div>
  80.           <div id="cycleCtrl">
  81.             <div id="prev" class="pager"><a href="#">Prev</a></div>
  82.             <div id="next" class="pager"><a href="#">Next</a></div>
  83.             <div id="pagerNav" class="pager"></div>
  84.             <p id="caption" class="pager"></p> 
  85.           </div>
  86.         </div>
  87.         
  88.         
  89.         <div id="projectText" class="boxes"> 
  90.          <a href="" id="descController" > 
  91.          <img src="images/arrow.gif" name="arrow" width="5" height="10" id="arrow" /> 
  92.          <span class="contentID">project text</span> <br />
  93.         <span id="desc">  
  94.                  <xsl:value-of select=" Root/Prjct/Description"/> 
  95.         </span>
  96.          </a>
  97.         </div>
  98.         
  99.         </td>
  100.     </tr>
  101.   </table>
  102. </div>
  103.     </body>
  104.     </html>

  106. </xsl:template>
  107. </xsl:stylesheet>