есть страница с подключенной библиотекой jquery.
и есть код который подгружает в <div id="table"></div> данные из другого файла.
$("#table").load("file.html", function(){
});
В другом файле имеется мини галерея на jquery + lightbox.
Если запустить этот файл отдельно, то галерея работает, а если его подгрузить в другую страницу, то нет..
Вот чать кода:
index:
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#list a").click(
function (e) {
$("#table").remove();
$("#list").append($("<div style='height: 1px; width: 1px; position: relative; left: 250px; top: "+ e.pageY +"px' id='table'></div>"));
$("#table").load("file.html", function(){
});
$("#table").animate({height: "1", width: "310", left: "+=100"}, "slow")
.animate({height: "90%", width: "310"}, "slow");
return false;
}
);
});
</script>
file:
<link rel="stylesheet" href="css/jquery.lightbox-0.5.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
<script type="text/javascript">
$(function() {
$('#gallery a').lightBox();
});
$(document).ready(function(){
$(".thumbs a").click(function(){
var largePath = $(this).attr("href");
var smallPath = $(this).find('img').attr("src");
$("#largeImg").attr({ src: smallPath });
$("#zoom").attr({ href: largePath });
return false;
});
});
</script>
<div id="gallery">
<a id="zoom" href="images/big/img_1.jpg"><img id="largeImg" src="images/img_1.jpg" /></a>
</div>
<p class="thumbs">
<a href="images/big/img_1.jpg"><img src="images/img_1.jpg" /></a>
<a href="images/big/img_2.jpg"><img src="images/img_2.jpg" /></a>
<a href="images/big/img_3.jpg"><img src="images/img_3.jpg" /></a>
</p>
