多个脚本标记不工作在我的页面
好吧,我正在为一个朋友建立一个网站,我目前正在使用jquery-1.4.3.min.js,corners.js,equalcols.js和一个pre-在头部加载图像脚本。一切都很好。多个脚本标记不工作在我的页面
问题是,我现在需要一个页面的FancyBox(LightBox替代),它似乎不工作!我知道这是因为某些东西与另一个冲突,但我不知道是什么。这是头脑中的顺序吗?或者是其他东西?已经尝试过LightBox,那也不管用。
它要么不工作,要么停止运行EqualCols.js,要么一切正常,除了所需的迷你图像库的FancyBox。
头代码如下:(没有的fancybox在那里)
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled 1</title>
<link rel="stylesheet" href="styles.css" type="text/css" />
<script type="text/javascript" src="js/jquery-1.4.3.min.js"></script>
<!-- PRELOAD MENU IMAGES BEGINNING -->
<script>
var myimages=new Array()
function preloadimages(){
for (i=0;i<preloadimages.arguments.length ;
i + myimages [ i ] =new Image (myimages [ i ]
src=preloadimages.arguments[i] } Enter path of images to be preloaded
inside parenthesis. Extend list as desired. preloadimages (images/
home-h.png " images/about-h.png " images/services-rates-h.png "
images/past-work-h.png " images/contact-h.png " images/
shop-specials-h.png " images/free-quote-h.png " images/
book-now-h.png ")
</script>
<!-- PRELOAD MENU IMAGES END -->
<!-- stop curvery corners error in IE -->
<script type="text/javascript" src="js/corners.js"></script>
<script type="text/javascript">
var curvyCornersVerbose = false;
</script>
<!-- stop curvery corners error in IE -->
<!-- EQUAL COLS START -->
<script src="js/equalcols.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#left-col,#right-col').equalCols();
});
</script>
<!-- EQUAL COLS END -->
</head>
有没有人能告诉我在哪里,我需要把编码的fancybox的一切工作?或者我还能做些什么才能使其发挥作用?规则是什么?我研究过Google,似乎无法找到我所追求的答案。
的代码的fancybox我需要实现的是:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" href="/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
我是否需要上线那里,如果我用这个已经?:
<script type="text/javascript" src="js/jquery-1.4.3.min.js"></script>
任何帮助非常赞赏。
取代:
<script type="text/javascript" src="js/jquery-1.4.3.min.js"></script>
有:
<link rel="stylesheet" href="/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/jquery-1.4.3.min.js"></script>
<script type="text/javascript" src="/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
的fancybox代码:
$(document).ready(function() {
$('#single_image').fancybox();
});
下面代码工作样本 - 在IFRAME的fancybox版本。 确保你在你的HTML添加锚标记/ JSP
<!-- The popup iframe . The href value will be updated dynamically -->
<a class="iframe" id="iframe" href="/YourApp/imagePopup.do"></a>
的包括块如下
<script type="text/javascript" src="/js/jquery/fancybox/jquery.easing-1.4.pack.js"></script>
<script type="text/javascript" src="/js/jquery/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
/** jQuery的准备功能 */ $(document).ready(function(){
// popup for showing
$("a.iframe").fancybox({
'autoDimensions':false,
'width' : 770,
'height' : 'auto', // height is controlled using jquery.fancybox-1.3.4.css line 79
'centerOnScroll' : true,
'scrolling':'auto',
// 'autoScale': true,
'hideOnOverlayClick' : false,
'enableEscapeButton' :true,
'hideOnContentClick': false,
'type':'iframe'
,'onStart' :function(){$.fancybox.showActivity();}
,'onClosed' :function(){ }
});
}); //结束准备
感谢您的答案,但我并不是真的想使用iframe。 你知道为什么它不让我使用它吗? 一位朋友告诉我这是因为js的头部顺序,但我似乎无法弄清楚它应该在哪个顺序! – nzhardcore 2012-02-02 03:19:15
刚刚尝试过,仍然没有运气 - 没有工作:( 这是我正在使用的(根据FancyBox网站)的图像,目前它只是一个“测试”
–
nzhardcore
2012-02-02 03:04:10
不知道“single_image”在做什么,但是这就是How to To Use页面在FancyBox网站上所做的。 – nzhardcore 2012-02-02 03:05:04
好的,我更新了我的答案! – sally 2012-02-02 03:09:50