Wstawiłem na stronę slider zdjęć linie: 67-98 zmodyfikowałem go zgodnie z http://forum.php.pl/index.php?showtopic=164752, jednak lightbox nadal nie działa linia: 164

[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3. 	<head>
  4.         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
  5. 			<link rel="stylesheet" type="text/css" href="css/default_body.css" />				
  6. 			<link rel="stylesheet" type="text/css" href="css/default_content.css" />
  7. 			<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
  8.  
  9. 			<!--jQuery library-->
  10. 			<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
  11. 			<!--jCarousel library-->
  12. 			<script type="text/javascript" src="js/jquery.jcarousel.min.js"></script>
  13. 			<!--jCarousel skin stylesheet-->
  14. 			<link rel="stylesheet" type="text/css" href="css/skin.css" />
  15.  
  16.  
  17. <style type="text/css">
  18.  
  19. /**
  20.  * Additional styles for the controls.
  21.  */
  22. .jcarousel-control {
  23.     margin-bottom: 10px;
  24.     text-align: center;
  25. }
  26.  
  27. .jcarousel-control a {
  28.     font-size: 75%;
  29.     text-decoration: none;
  30.     padding: 0 5px;
  31.     margin: 0 0 5px 0;
  32.     border: 1px solid #fff;
  33.     color: #eee;
  34.     background-color: #4088b8;
  35.     font-weight: bold;
  36. }
  37.  
  38. .jcarousel-control a:focus,
  39. .jcarousel-control a:active {
  40.     outline: none;
  41. }
  42.  
  43. .jcarousel-scroll {
  44.     margin-top: 10px;
  45.     text-align: center;
  46. }
  47.  
  48. .jcarousel-scroll form {
  49.     margin: 0;
  50.     padding: 0;
  51. }
  52.  
  53. .jcarousel-scroll select {
  54.     font-size: 75%;
  55. }
  56.  
  57. #mycarousel-next,
  58. #mycarousel-prev {
  59.     cursor: pointer;
  60.     margin-bottom: -10px;
  61.     text-decoration: underline;
  62.     font-size: 11px;
  63. }
  64.  
  65. </style>
  66.  
  67. <script type="text/javascript">
  68. /**
  69.  * We use the initCallback callback
  70.  * to assign functionality to the controls
  71.  */
  72. // Ride the carousel...
  73. var j = jQuery.noConflict();
  74.  
  75. j(document).ready(function() {
  76.     j("#mycarousel").jcarousel({
  77.         scroll: 1,
  78.         initCallback: mycarousel_initCallback,
  79.         // This tells jCarousel NOT to autobuild prev/next buttons
  80.         buttonNextHTML: null,
  81.         buttonPrevHTML: null
  82.  
  83.  
  84.     }); 
  85.  
  86. function mycarousel_initCallback(carousel) {
  87.     j('#mycarousel-next').hover(function() {
  88. 		carousel.next();
  89. 		return false;
  90.     });
  91.  
  92.     j('#mycarousel-prev').hover(function() {
  93.         carousel.prev();
  94.         return false;
  95.     });
  96. };
  97.  
  98. });
  99.  
  100. </script>			
  101.         <title>EcoProduct</title>
  102.     </head>
  103.     <body>
  104. 		<div id="main_wrapper">
  105. 			<!--BANNER-->
  106. 			<div id="banner">
  107.  
  108. 			</div>
  109.  
  110. 			<!--NAWIGACJA-->
  111. 			<div id="navigation">
  112.  
  113. 			</div>
  114.  
  115. 			<!--TREŚĆ STRONY-->
  116. 			<div id="content_top">
  117. 				<!--TREŚĆ STRONY LEWA-->
  118. 				<div id="content_top_left">
  119. 					<span class="left_content">
  120. 						<img src="gallery/ecoproduct.png" class="img_content">
  121. 						<p class="head_content">
  122. 						Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
  123. 						Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 
  124. 						when an unknown printer took a galley of type and scrambled it to make a type 
  125. 						specimen book. It has survived not only five centuries, but also the leap into 
  126. 						electronic typesetting, remaining essentially unchanged. It was popularised in 
  127. 						the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, 
  128. 						and more recently with desktop publishing software like Aldus PageMaker 
  129. 						including versions of Lorem Ipsum
  130. 						</p>
  131.  
  132. 						<p class="read_more">
  133. 							<a href="#" class="read_more_head_content">Czytaj więcej...</a>
  134. 						</p>
  135. 					</span>
  136.  
  137. 					<span class="left_content">
  138. 						<img src="gallery/ecoproduct.png" class="img_content">
  139. 						<p class="head_content">
  140. 						Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
  141. 						Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 
  142. 						when an unknown printer took a galley of type and scrambled it to make a type 
  143. 						specimen book. It has survived not only five centuries, but also the leap into 
  144. 						electronic typesetting, remaining essentially unchanged. It was popularised in 
  145. 						the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, 
  146. 						and more recently with desktop publishing software like Aldus PageMaker 
  147. 						including versions of Lorem Ipsum
  148. 						</p>
  149.  
  150. 						<p class="read_more">
  151. 							<a href="#" class="read_more_head_content">Czytaj więcej...</a>
  152. 						</p>						
  153. 					</span>					
  154. 				</div>
  155.  
  156. 				<!--TREŚĆ STRONY PRAWA-->
  157. 				<div id="content_top_right">
  158. 					<span class="right_content">
  159. 						<p class="header">
  160. 							Ostatnio dodane produkty
  161. 						</p>
  162.  
  163. 						<div align="center">					
  164. 							<a href="gallery/opak_max.png" rel="lightbox[roadtrip]">
  165. 								<img src="gallery/opak_min.png">
  166. 							</a>
  167. 						</div>
  168. 					</span>
  169.  
  170. 					<span class="right_content">
  171. 						<p class="header">
  172. 							Chmura tagów
  173. 						</p>						
  174. 					</span>					
  175. 				</div>	
  176.  
  177. 				<!--STRONNICOWANIE-->
  178. 				<div id="pages">
  179. 					<div class="page_link_background">
  180. 						<a href="" class="page_link">1</a>
  181. 					</div>
  182. 					<div class="page_space"></div>
  183. 					<div class="page_link_background">
  184. 						<a href="" class="page_link">2</a>
  185. 					</div>
  186. 					<div class="page_space"></div>
  187. 					<div class="page_link_background">
  188. 						<a href="" class="page_link">3</a>
  189. 					</div>
  190. 					<div class="page_space"></div>
  191. 					<div class="page_link_background">
  192. 						<a href="" class="page_link">4</a>
  193. 					</div>		
  194. 					<div class="page_space"></div>
  195. 				</div>
  196. 			</div>
  197.  
  198. 			<!--SLIDER GALERII-->
  199. 			<div id="slider">
  200. 				<!--LEWA STRZAŁKA-->
  201. 				<div id="slider_left_arrow">
  202. 					<form action="">
  203. 					<a href="#" id="mycarousel-prev">
  204. 						<img src="images/arrow_left.png">
  205. 					</a>
  206. 				</div>
  207.  
  208. 				<!--SLIDER-->
  209. 				<div id="mycarousel" class="jcarousel-skin-tango">
  210. 					<ul>
  211. 						<li><img width="75" height="75" src="http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg" alt="" /></li>
  212. 						<li><img width="75" height="75" src="http://static.flickr.com/75/199481072_b4a0d09597_s.jpg" alt="" /></li>
  213. 						<li><img width="75" height="75" src="http://static.flickr.com/57/199481087_33ae73a8de_s.jpg" alt="" /></li>
  214. 						<li><img width="75" height="75" src="http://static.flickr.com/77/199481108_4359e6b971_s.jpg" alt="" /></li>
  215. 						<li><img width="75" height="75" src="http://static.flickr.com/58/199481143_3c148d9dd3_s.jpg" alt="" /></li>
  216.  
  217. 						<li><img width="75" height="75" src="http://static.flickr.com/72/199481203_ad4cdcf109_s.jpg" alt="" /></li>
  218. 						<li><img width="75" height="75" src="http://static.flickr.com/58/199481218_264ce20da0_s.jpg" alt="" /></li>
  219. 						<li><img width="75" height="75" src="http://static.flickr.com/69/199481255_fdfe885f87_s.jpg" alt="" /></li>
  220. 						<li><img width="75" height="75" src="http://static.flickr.com/60/199480111_87d4cb3e38_s.jpg" alt="" /></li>
  221. 						<li><img width="75" height="75" src="http://static.flickr.com/70/229228324_08223b70fa_s.jpg" alt="" /></li>
  222.  
  223. 						<li><img width="75" height="75" src="http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg" alt="" /></li>
  224. 						<li><img width="75" height="75" src="http://static.flickr.com/75/199481072_b4a0d09597_s.jpg" alt="" /></li>
  225. 						<li><img width="75" height="75" src="http://static.flickr.com/57/199481087_33ae73a8de_s.jpg" alt="" /></li>
  226. 						<li><img width="75" height="75" src="http://static.flickr.com/77/199481108_4359e6b971_s.jpg" alt="" /></li>
  227. 						<li><img width="75" height="75" src="http://static.flickr.com/58/199481143_3c148d9dd3_s.jpg" alt="" /></li>						
  228. 					</ul>
  229. 				</div>
  230.  
  231. 				<!--PRAWA STRZAŁKA-->
  232. 				<div id="slider_right_arrow">
  233. 					<form action="">
  234. 					<a href="#" id="mycarousel-next">
  235. 						<img src="images/arrow_right.png">
  236. 					</a>
  237. 				</div>				
  238. 				</form>
  239. 			</div>
  240.  
  241. 			<!--INFORMACJE DODATKOWE-->
  242. 			<div id="content_bottom">
  243.  
  244. 			</div>
  245.  
  246. 			<!--STOPKA-->
  247. 			<div id="footer">
  248.  
  249. 			</div>
  250. 		</div>
  251.     </body>
  252. </html>
  253.  
[HTML] pobierz, plaintext