我可能做错了什么？Fancybox/Javascript_Javascript_Jquery_Fancybox

我可能做错了什么？Fancybox/Javascript

javascript jquery

我可能做错了什么？Fancybox/Javascript,javascript,jquery,fancybox,Javascript,Jquery,Fancybox,我试图让Fancybox打开一个特定维度的HTML文件每当我在任何浏览器中测试它时，HTML出现的框都是清晰的，并且不够大，无法容纳它我不知道怎么修，有什么想法吗 HTML: 你的问题应该是独立的。请不要在某个第三方网站上发布你问题的最重要部分。我很抱歉，我尝试了很久才在这里发布代码，但总是出现错误。@JordanCagney:你也可以发布你的html吗？@JFK，所有的html都在那里。@JordanCagney:你有一些问题，这就是为什么建议验证你的代码（）因此，您可以修复它们：1）。缺

我试图让Fancybox打开一个特定维度的HTML文件

每当我在任何浏览器中测试它时，HTML出现的框都是清晰的，并且不够大，无法容纳它

我不知道怎么修，有什么想法吗

HTML:

你的问题应该是独立的。请不要在某个第三方网站上发布你问题的最重要部分。我很抱歉，我尝试了很久才在这里发布代码，但总是出现错误。@JordanCagney:你也可以发布你的html吗？@JFK，所有的html都在那里。@JordanCagney:你有一些问题，这就是为什么建议验证你的代码（）因此，您可以修复它们：1）。缺少

开始标记。2).

标记位于

结束标记和

开始标记之间（应包含在

标记内）。3). 您有一个额外的

结束标记。大多数编辑器会在标记未关闭或丢失时突出显示这些错误，否则验证器会使它们变得明显。我敢打赌，如果你纠正这些错误，fancybox将起作用，至少，最重要的是，数字“1”。

<!DOCTYPE html><head>
<link href="../CSS/css.css" rel="stylesheet" type="text/css" />
<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">

 window.onload = function() { 

    /* This is basic - uses default settings */

     $("a#single_image").fancybox(); 

    /* Using custom settings */

     $("a#inline").fancybox({
        'hideOnContentClick': true
    });


    $("a.grouped_elements").fancybox({
        'transitionIn'  :   'fade',
        'transitionOut' :   'fade',
        'speedIn'       :   600, 
        'speedOut'      :   200, 
        'overlayShow'   :   false,
        'titlePosition' :   'inside'
    });


    /* Apply fancybox to multiple items */


     $("a.iframe_shows").fancybox({
        'width'             : 840,
        'height'            : 440,
        'autoScale'         : false,
        'transitionIn'      : 'fade',
        'transitionOut'     : 'fade',
        'overlayShow'       :   false,
        'type'              : 'iframe',
        'scrolling'         : 'no', 
     });
    }; 
</script>   
</head>
<title>ATLITW</title>

<body>
<div id="row1">
<div id="link1">
<div id="link">
<img src="../Images/3.jpg" width="388" height="238">
<div class="shows"><a class="iframe_shows" href="Shows.html"></a></div></div>
</div></div>
</div>
</body>
</html>

@charset "UTF-8";
/* CSS Document */

body{
    background-image:url(../Images/bg.jpg);
    border:0 none;
    font-family:arial, helvetica;
    font-size:12px;
    font-style:normal;
    font-weight:normal;
    color:#000;
    margin:0;}

    /* Core */

    #row1 {
    width:900px;
    height:288px;}

    #link1 {
    width:388px;
    height:238px;
    float:left;
    margin-left:55px;
    margin-top:50px;}

    /* LINKS */

#link {position:relative;
overflow:hidden;
height:238px;}

#link img{
opacity:1;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 500ms;
-moz-transition: opacity;
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 500ms;
transition: opacity;
transition-timing-function: ease-out;
transition-duration: 500ms;
}

.shows a 
{
display:block;
width:388px;
height:238px;
border:none;
padding-left:10px;
padding-top:10px;
background-image:url(../Images/3.jpg)

}

.shows{
    width:388px;
    height:238px;
    text-align:left;
    }

#link .shows{
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0;
    -webkit-transition: opacity;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
    -moz-transition: opacity;
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 500ms;
    transition: opacity;
    transition-timing-function: ease-out;
    transition-duration: 500ms;
}

#link .shows:hover{
opacity: 1.0;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 500ms;
-moz-transition: opacity;
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 500ms;
transition: opacity;
transition-timing-function: ease-out;
transition-duration: 500ms;
}