Добрый день!
Имеется файл index.html,
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2.<html>
3.<head>
4.<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
5.<title>Документ без названия</title>
6.<script type="text/javascript" src="js/jquery.js"></script>
7.<link href="jquery/fancybox/jquery.fancybox-1.3.1.css" type="text/css" rel="stylesheet">
8.<script type="text/javascript" src="jquery/fancybox/jquery.fancybox-1.3.1.pack.js"></script>
9.
10.<script>
11.function loadContent(viewUrl){
12. $('#result').load(viewUrl);
13.}
14.</script>
15.
16.<script type="text/javascript">
17.$(function() {
18. $('div.catalog-detail-image a').fancybox({
19. 'transitionIn': 'elastic',
20. 'transitionOut': 'elastic',
21. 'speedIn': 600,
22. 'speedOut': 200,
23. 'overlayShow': false,
24. 'cyclic' : true,
25. 'padding': 20,
26. 'titlePosition': 'over',
27. 'onComplete': function() {
28. $("#fancybox-title").css({ 'top': '100%', 'bottom': 'auto' });
29. }
30. });
31.});
32.</script>
33.</head>
34.
35.<body>
36.
37.<div id="result" style="width:200px;"></div>
38.<a href="#" onclick="loadContent('1.html');">Сылка на загрузку</a>
39.
40.
41.</body>
42.</html>
в div которого из файла 1.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2.<html>
3.<head>
4.<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
5.<title>Документ без названия</title>
6.<script type="text/javascript" src="js/jquery.js"></script>
7.<link href="jquery/fancybox/jquery.fancybox-1.3.1.css" type="text/css" rel="stylesheet">
8.<script type="text/javascript" src="jquery/fancybox/jquery.fancybox-1.3.1.pack.js"></script>
9.
10.<script type="text/javascript">
11.$(function() {
12. $('div.catalog-detail-image a').fancybox({
13. 'transitionIn': 'elastic',
14. 'transitionOut': 'elastic',
15. 'speedIn': 600,
16. 'speedOut': 200,
17. 'overlayShow': false,
18. 'cyclic' : true,
19. 'padding': 20,
20. 'titlePosition': 'over',
21. 'onComplete': function() {
22. $("#fancybox-title").css({ 'top': '100%', 'bottom': 'auto' });
23. }
24. });
25.});
26.</script>
27.
28.</head>
29.
30.<body>
31.<div ="mw">
32.
33. <div class="catalog-detail-image">
34. <a href="big.jpg" title=""><img src="small.jpg" width="50" height="50"></a>
35. </div>
36.
37.</div>
38.
39.</body>
40.</html>
подгружается через load код fancybox.
В файле 1.html fancybox работает. Загрузка в div файла index.html кода происходит нормально, но перестает работать fancybox.
Происходит конфликт скриптов?