首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >使用fancybox插件制作图片库不起作用

使用fancybox插件制作图片库不起作用
EN

Stack Overflow用户
提问于 2013-03-22 15:35:12
回答 1查看 132关注 0票数 0

下面给出的脚本顺序有什么问题?我使用fancybox在我的网站上查看图片,但它不起作用。会不会是脚本顺序错误或存在冲突?我想用fanybox插件制作一个图片库。

这是我得到的错误:

Timestamp: 3/22/2013 2:25:05 PM Error: ReferenceError: jQuery is not defined Source File: file:///G:/LBC-FIRM/example.com/js/jquery.fancybox.js Line: 1985

下面是我的脚本引用的顺序:

代码语言:javascript
复制
    <script type="text/javascript" src="js/jquery-1.9.0.min.js"></script>
    <script type="text/javascript" src="js/jquery.fancybox.js"></script>
    <script type="text/javascript" src="js/tooltip.js"></script>
    <script type="text/javascript" src="js/image_groups.js"></script>
    <script type="text/javascript" src="js/thumbnail-slider.js"></script>
    <script type="text/javascript">
        $.noConflict();
    </script>

我的HTML:

代码语言:javascript
复制
<script type="text/javascript">
    $(function(){
      $("#royal_place").click(function(){
    $.fancybox.open([
        {href : '../object/royal_palace/1.jpg'},
    {href : '../object/royal_palace/2.jpg'}, 
    {href : '../object/royal_palace/3.jpg'},
    {href : '../object/royal_palace/4.jpg'}, 
    {href : '../object/royal_palace/5.jpg'},
    {href : '../object/royal_palace/6.jpg'},
    {href : '../object/royal_palace/7.jpg'}, 
    {href : '../object/royal_palace/8.jpg'},
    {href : '../object/royal_palace/9.jpg'},
    {href : '../object/royal_palace/10.jpg'}
     ]);
      });           
   });
</script>

<a id="royal_place" href="javascript:;" >
    <img src="img/pic_tuk_tuk_1.png" alt="Tuk Tuk picture One" onmouseover="tooltip.pop(this, 'Tuk Tuk one')"/>
</a>
EN

回答 1

Stack Overflow用户

发布于 2013-03-22 15:50:41

尝尝这个

代码语言:javascript
复制
 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" ></script>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/15565102

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档