Fancybox 宽度不适用 - autoSize : false 不是答案答案

【问题标题】：Fancybox width not applying - autoSize : false not the answerFancybox 宽度不适用 - autoSize : false 不是答案
【发布时间】：2014-03-12 06:57:48
【问题描述】：

我以为我在这两个帖子中遇到了同样的问题：

但是我已经解决了这两个问题，但问题仍然存在。

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

我正在使用 IE 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>

【问题讨论】：

标签： javascript jquery html asp.net css

【解决方案1】：

尝试强制使用您的内容，例如，您可以这样做（在您想要包含的文件中）：

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

它对我有用！

【讨论】：

【解决方案2】：

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

【讨论】：

对不起应该说我已经尝试过这两种方法，这是在上面的帖子中建议的。不过好像没什么区别。