Don't like ads? PRO users don't see any ads ;-)
Guest

Untitled

By: a guest on Aug 12th, 2012  |  syntax: None  |  size: 5.92 KB  |  hits: 19  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. jquery plugin not working on html page, but not in site.master?
  2. <head>
  3. <title></title>
  4. <!--[if !IE 7]>
  5.     <style type="text/css">
  6.         #wrap {display:table;height:100%}
  7.     </style>
  8. <![endif]-->
  9. <link href="Styles/Site.css" rel="stylesheet" type="text/css" />
  10. <link href="Styles/allinone_bannerRotator.css" rel="stylesheet" type="text/css" />
  11. <link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css' />
  12. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
  13. <script src="Scripts/jquery-ui-1.8.16.custom.min.js" type="text/javascript"></script>
  14. <script src="Scripts/jquery.ui.touch-punch.min.js" type="text/javascript"></script>
  15. <script src="Scripts/allinone_bannerRotator.js" type="text/javascript"></script>
  16. <script>
  17.     $(function () {
  18.  
  19.         $('#allinone_bannerRotator_classic').allinone_bannerRotator({
  20.             skin: 'classic',
  21.             width: 751,
  22.             height: 229,
  23.             thumbsFolder: 'images/classic/thumbs'
  24.         });
  25.  
  26.  
  27.     });
  28. </script>
  29.        
  30. <asp:ContentPlaceHolder ID="HeadContent" runat="server">
  31. </asp:ContentPlaceHolder>
  32.        
  33. <div id="allinone_bannerRotator_classic" style="display: none; margin: 0px">
  34.                             <!-- IMAGES -->
  35.                             <img src="images/classic/banner1.png" alt="" data-text-id="#allinone_bannerRotator_photoText1" />
  36.                             <img src="images/classic/banner2.png" alt="" data-text-id="#allinone_bannerRotator_photoText2" />
  37.                             <img src="images/classic/banner3.png" alt="" data-text-id="#allinone_bannerRotator_photoText3" />
  38.                             <img src="images/classic/banner4.png" alt="" data-text-id="#allinone_bannerRotator_photoText4" />
  39.                             <!-- TEXTS -->
  40.                             <div id="allinone_bannerRotator_photoText1" class="allinone_bannerRotator_texts">
  41.                                 <div class="allinone_bannerRotator_text_line textElement12_attractive" data-initial-left="50"
  42.                                     data-initial-top="10" data-final-left="50" data-final-top="40" data-duration="0.5"
  43.                                     data-fade-start="0" data-delay="0">
  44.                                     Broadoak students love to
  45.                                 </div>
  46.                                 <div class="allinone_bannerRotator_text_line textElement11_attractive" data-initial-left="50"
  47.                                     data-initial-top="10" data-final-left="50" data-final-top="70" data-duration="0.5"
  48.                                     data-fade-start="0" data-delay="0.3">
  49.                                     get stuck in</div>
  50.                             </div>
  51.                             <div id="allinone_bannerRotator_photoText2" class="allinone_bannerRotator_texts">
  52.                                 <div class="allinone_bannerRotator_text_line textElement12_attractive" data-initial-left="550"
  53.                                     data-initial-top="60" data-final-left="350" data-final-top="60" data-duration="0.5"
  54.                                     data-fade-start="0" data-delay="0">
  55.                                     16 transition effects<br />
  56.                                     for images</div>
  57.                                 <div class="allinone_bannerRotator_text_line textElement12_attractive" data-initial-left="550"
  58.                                     data-initial-top="125" data-final-left="350" data-final-top="125" data-duration="0.5"
  59.                                     data-fade-start="0" data-delay="0.3">
  60.                                     optional can set the transition<br />
  61.                                     for each image</div>
  62.                             </div>
  63.                             <div id="allinone_bannerRotator_photoText3" class="allinone_bannerRotator_texts">
  64.                                 <div class="allinone_bannerRotator_text_line textElement11_attractive" data-initial-left="480"
  65.                                     data-initial-top="60" data-final-left="50" data-final-top="60" data-duration="0.5"
  66.                                     data-fade-start="0" data-delay="0">
  67.                                     Animated text from any direction</div>
  68.                                 <div class="allinone_bannerRotator_text_line textElement12_attractive" data-initial-left="0"
  69.                                     data-initial-top="75" data-final-left="50" data-final-top="75" data-duration="0.5"
  70.                                     data-fade-start="0" data-delay="0.3">
  71.                                     top, bottom, left and right</div>
  72.                                 <div class="allinone_bannerRotator_text_line textElement11_attractive" data-initial-left="50"
  73.                                     data-initial-top="250" data-final-left="50" data-final-top="110" data-duration="1"
  74.                                     data-fade-start="0" data-delay="0.5">
  75.                                     Any color, CSS and HTML formated</div>
  76.                             </div>
  77.                             <div id="allinone_bannerRotator_photoText4" class="allinone_bannerRotator_texts">
  78.                                 <div class="allinone_bannerRotator_text_line textElement12_attractive" data-initial-left="50"
  79.                                     data-initial-top="0" data-final-left="50" data-final-top="260" data-duration="0.5"
  80.                                     data-fade-start="0" data-delay="0">
  81.                                     Line One is here</div>
  82.                                 <div class="allinone_bannerRotator_text_line textElement11_attractive" data-initial-left="50"
  83.                                     data-initial-top="384" data-final-left="50" data-final-top="240" data-duration="0.5"
  84.                                     data-fade-start="0" data-delay="0.3">
  85.                                     Line Two over there</div>
  86.                             </div>
  87.                         </div>