Fancybox宽度未应用 - autoSize:false而不是答案

时间:2013-10-24 15:32:42

标签: javascript jquery html asp.net css

我认为我遇到了与这两个帖子相同的问题:

但我已经完成了两者的解决方案,但问题仍然存在。

基本上当我点击图像链接时,忽略宽度和高度属性,而是显示大约30 x30的框。正在加载视频,关闭窗口按钮等都可以正常工作。

我正在使用I.E 8/9

我的代码如下:

<b>
<%@ Page Language="C#" %>
<html dir="ltr">

<head runat="server">
<META name="WebPartPageExpansion" content="full">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled 1</title>
<meta name="Microsoft Theme" content="Lacquer 1011, default">

<!-- J Query Includes -->
<script type="text/javascript" src="http://mynationwideteam/sites/financial_performance/JavaScript/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="http://mynationwideteam/sites/financial_performance/JavaScript/jquery.SPServices-0.7.1a.min.js"></script>


<!-- Add fancyBox -->
<link rel="stylesheet" href="http://mynationwideteam/sites/financial_performance/fancybox/source/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" />
<script type="text/javascript" src="http://mynationwideteam/sites/financial_performance/fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>

<!-- Optionally add helpers - button, thumbnail and/or media -->
<link rel="stylesheet" href="http://mynationwideteam/sites/financial_performance/fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.5" type="text/css" media="screen" />
<script type="text/javascript" src="http://mynationwideteam/sites/financial_performance/fancybox/source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script>
<script type="text/javascript" src="http://mynationwideteam/sites/financial_performance/fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.6"></script>

<link rel="stylesheet" href="http://mynationwideteam/sites/financial_performance/fancybox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" type="text/css" media="screen" />
<script type="text/javascript" src="http://mynationwideteam/sites/financial_performance/fancybox/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script>

<script>
$(document).ready(function() {

    $(".fancyvideo").fancybox({

    width : 600,
    height : 498,
    fitToView : false,
    autoSize : false,
    type : 'swf'

    });
});
</script>



</head>

<body>

<a class="fancyvideo" ID="vid1" href="http://www.youtube.com/v/92c3dX-AoXs"><img src="images/Templates/Financial_Performance/banner001.jpg" width="475" height="69" style="border-style: solid; border-width: 2px"></a>

</body>

</html>


</b>

2 个答案:

答案 0 :(得分:1)

尝试强制使用您的内容,例如您可以执行此类操作(在您要包含的文件中):

<div style="width:600px">
 //your fancy content
</div>

这对我有用!

答案 1 :(得分:0)

除非您使用的是具有该属性的旧版本,否则autoSize不存在。尝试使用autoDimensions: false和/或autoScale: false