关于幻灯片的问题

我在门户里放一个比较好的幻灯片模板代码进去，我DIY了一个专门放幻灯片的地方，模板生成的时候还很好，但是一确定，门户里的所有DIY板块都没有了这是怎么回事啊？以下是我添加的代码。

1. <script src="js/jquery-1.4.4.min.js"></script>
   
2.         <script src="js/slides.jquery.js"></script>
   
3.         <script>
   
4.                 $(function(){
   
5.                         $('#slides').slides({
   
6.                                 preload: true,
   
7.                                 preloadImage: 'images/loading.gif',
   
8.                                 play: 5000,
   
9.                                 pause: 2500,
   
10.                                 hoverPause: true,
    
11.                                 animationStart: function(){
    
12.                                         $('.caption').animate({
    
13.                                                 bottom:-35
    
14.                                         },100);
    
15.                                 },
    
16.                                 animationComplete: function(current){
    
17.                                         $('.caption').animate({
    
18.                                                 bottom:0
    
19.                                         },200);
    
20.                                         if (window.console && console.log) {
    
21.                                                 // example return of current slide number
    
22.                                                 console.log(current);
    
23.                                         };
    
24.                                 }
    
25.                         });
    
26.                 });
    
27.         </script>
    
28.        
    
29. <style type="text/css">
    
30. 
    
31. ol,ul { list-style:none; }
    
32. 
    
33. body {        
    
34.         background:#efefef url(images/background.png) repeat top center;
    
35.         }
    
36. 
    
37. #container {
    
38.         width:580px;
    
39.         padding:10px;
    
40.         margin:0 auto;
    
41.         position:relative;
    
42.         z-index:0;
    
43. }
    
44. 
    
45. #example {
    
46.         width:600px;
    
47.         height:350px;
    
48.         position:relative;
    
49. }
    
50. 
    
51. #ribbon {
    
52.         position:absolute;
    
53.         top:-3px;
    
54.         left:-88px;
    
55.         z-index:500;
    
56. }
    
57. 
    
58. #frame {
    
59.         position:absolute;
    
60.         z-index:0;
    
61.         width:739px;
    
62.         height:341px;
    
63.         top:-3px;
    
64.         left:-140px;
    
65. }
    
66. 
    
67. #slides {
    
68.         position:absolute;
    
69.         top:15px;
    
70.         left:-70px;
    
71.         z-index:100;
    
72. }
    
73. 
    
74. #slides .next,#slides .prev {
    
75.         position:absolute;
    
76.         top:107px;
    
77.         left:-39px;
    
78.         width:24px;
    
79.         height:43px;
    
80.         display:block;
    
81.         z-index:101;
    
82. }
    
83. 
    
84. .slides_container {
    
85.     position:relative;
    
86.         width:450px;
    
87.         height:270px;
    
88.         overflow:hidden;       
    
89. }
    
90. 
    
91. #slides .next {
    
92.         left:465px;
    
93. }
    
94. 
    
95. .pagination {
    
96.         margin:26px auto 0;
    
97.         width:200px;
    
98. }
    
99. 
    
100. .pagination li {
     
101.         float:left;
     
102.         margin:0 1px;
     
103. }
     
104. 
     
105. .pagination li a {
     
106.         display:block;
     
107.         width:12px;
     
108.         height:0;
     
109.         padding-top:12px;
     
110.         background-image:url(images/pagination.png);
     
111.         background-position:0 0;
     
112.         float:left;
     
113.         overflow:hidden;
     
114.         margin-left:8px;
     
115.        
     
116. }
     
117. 
     
118. .pagination li.current a {
     
119.         background-position:0 -12px;
     
120. }
     
121. 
     
122. .caption {
     
123.         position:absolute;
     
124.         bottom:-35px;
     
125.         height:30px;
     
126.         padding:5px 20px 0 20px;
     
127.         background:#000;
     
128.         background:rgba(0,0,0,.5);
     
129.         width:410px;
     
130.         font-size:1.3em;
     
131.         line-height:1.33;
     
132.         color:#fff;
     
133.         border-top:1px solid #000;
     
134.         text-shadow:none;
     
135. }
     
136. 
     
137. #footer {
     
138.         text-align:center;
     
139.         width:580px;
     
140.         margin-top:9px;
     
141.         padding:4.5px 0 18px;
     
142.         border-top:1px solid #dfdfdf;
     
143. }
     
144. 
     
145. #footer p {
     
146.         margin:4.5px 0;
     
147.         font-size:1.0em;
     
148. }
     
149. </style>
     
150. <body>
     
151. 
     
152.         <div id="container">
     
153.                 <div id="example">
     
154.                         <img src="images/new-ribbon.png" width="112" height="112" alt="New Ribbon" id="ribbon">
     
155.                         <div id="slides">
     
156.                                 <div class="slides_container">
     
157.                                 [loop]
     
158.                     <a href="{url}"{target}><img src="{pic}" width="{picwidth}" height="{picheight}" /></a>
     
159.                             [/loop]                           
     
160.                     
     
161.                 [loop1]
     
162.                 <div class="caption">                    
     
163.                 <a href="{url}"{target}>{title}</a>
     
164.                 </div>
     
165.                 [/loop1]
     
166.                                        
     
167.                                 </div>
     
168.                                 <a href="#" class="prev"><img src="images/arrow-prev.png" width="24" height="43" alt="Arrow Prev"></a>
     
169.                                 <a href="#" class="next"><img src="images/arrow-next.png" width="24" height="43" alt="Arrow Next"></a>
     
170.                         </div>
     
171.                         <img src="images/example-frame.png" alt="Example Frame" id="frame">
     
172.                 </div>
     
173.                
     
174.         </div>

复制代码