Форум

rmk · #1 (**permalink**) 18.01.2012, 13:32

Помогите кому не лень =)
Наверняка у кого-то была такая проблема.
Пытаюсь уместить 2 jquery на одной страничке. А именно:
FancyBox (брал исходник отсюда http://ruseller.com/lessons/les238/index.html)
хочу запихнуть в слайдер контента (брал отсюда http://bxslider.com/).
Устанавливаю один jquery - все работает отлично. Второй тоже работает на ура. Но вот когда собираешь оба, то полноценно работает только один.

Нагуглил вот такую тему на одном из форумов (http://forum.webasyst.ru/viewtopic.php?id=11535). Но ничего из этого не подошло (или руки кривые =)

Подскажите, кому не лень, наглядным примером, как вставить две этих библиотеки, чтобы они не спорили друг с другом и заработали у меня ноконец.

при такой конструкции работает слайдер, но не работает галерея:

Код:

<link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox.css" media="screen" />
<script type="text/javascript" src="fancybox/jquery-1.3.2.min.js"></script>
	<script type="text/javascript" src="fancybox/jquery.easing.1.3.js"></script>
	<script type="text/javascript" src="fancybox/jquery.fancybox-1.2.1.pack.js"></script>
	<script type="text/javascript">
		$(document).ready(function() {
			$("a.gallery, a.iframe").fancybox();
		
url = $("a.modalbox").attr('href').replace("for_spider","content2");
$("a.modalbox").attr("href", url);	
$("a.modalbox").fancybox(
{								  
			"frameWidth" : 400,	 
			"frameHeight" : 400 
								  
});
			$("a.gallery2").fancybox(
			{						
"padding" : 20, 
"imageScale" : false, 
			"zoomOpacity" : false,	
			"zoomSpeedIn" : 1000,	
			"zoomSpeedOut" : 1000,
			"zoomSpeedChange" : 1000, 
			"frameWidth" : 700,	 
			"frameHeight" : 600, 
			"overlayShow" : true, 
			"overlayOpacity" : 0.8,	 
			"hideOnContentClick" :false, 
			"centerOnScroll" : false 		
				
			});
		
		$("#menu a, .anim").hover( function() {
      $(this).animate({"paddingLeft" : "10px"}, 300)},
	  function() {$(this).animate({"paddingLeft" : "0"}, 300);
});

$("a.iframe").fancybox(
{								  
			"frameWidth" : 800,
			"frameHeight" : 600 
								  
});		
		});
	</script>    
 <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>{/literal}
<script src="js/jquery.bxSlider.min.js" type="text/javascript"></script>
<script type="text/javascript">
  $(document).ready(function(){
    $('#slider1').bxSlider();
  });
</script>