Question

我有以下代码，当我直接从桌面打开它到浏览器时。但是当我从localhost或实际的网络服务器打开它时，它不起作用。任何帮助表示赞赏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>damnthing</title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
    <script type="text/javascript" src="http://fancybox.net/js/fancybox-1.3.4/jquery.easing-1.3.pack.js"></script>
    <script type="text/javascript" src="http://fancybox.net/js/fancybox-1.3.4/jquery.mousewheel-3.0.4.pack.js"></script>

    <script type="text/javascript" src="http://fancybox.net/js/fancybox-1.3.4/jquery.fancybox-1.3.4.js"></script>
   <link rel="stylesheet" type="text/css" href="http://fancybox.net/js/fancybox-1.3.4/jquery.fancybox-1.3.4.css" media="screen" /> 
    <script>
    $(document).ready(function(e) {

    $("a[rel=example_group]").fancybox({
        'transitionIn'        : 'none',
        'transitionOut'        : 'none',
        'titlePosition'     : 'over',
        'titleFormat'       : function(title, currentArray, currentIndex, currentOpts) {
            return '<span id="fancybox-title-over">Image ' +  (currentIndex + 1) + ' / ' + currentArray.length + ' ' + title + '</span>';
        }
    });
    });
    </script>
</head>

<body>
<div>
<a rel="example_group" title="Custom title" href="http://farm3.static.flickr.com/2641/4163443812_df0b200930.jpg">
        <img alt="" src="http://farm3.static.flickr.com/2641/4163443812_df0b200930_m.jpg" />
    </a>

    <a rel="example_group" title="Title of video here" class="various iframe" href="http://player.vimeo.com/video/24081323?title=0&amp;byline=0&amp;portrait=0">
        <img alt="" src="http://farm3.static.flickr.com/2591/4135665747_3091966c91_m.jpg" />
    </a>
</div>
</body>
</html>

我确信这是我正在忽略的东西，因为我还在学习整个css / jquery / lightbox的东西。还

LightBox从文件本地工作：打开，但不是从本地网络服务器或托管网络服务器

0 个答案: