Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/ruby-on-rails-3/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Ruby on rails 3 rails 3.0.3上的标准fancybox部署-fancybox_buttons.png不显示_Ruby On Rails 3_Fancybox - Fatal编程技术网

Ruby on rails 3 rails 3.0.3上的标准fancybox部署-fancybox_buttons.png不显示

Ruby on rails 3 rails 3.0.3上的标准fancybox部署-fancybox_buttons.png不显示,ruby-on-rails-3,fancybox,Ruby On Rails 3,Fancybox,我已经在我的RoR v3.0.3 web应用程序上部署了fancybox v2.0.4,以创建照片库。我已经能够让fancy box在单击缩略图时生成一个大图像,但在外观和行为方面出现了一些问题,无法按预期工作 第一期-我似乎无法显示fancybox按钮。我已经进入jquery.fancybox-buttons.css并更改了各种“background image:url”的路径,以指向public/images文件夹中的fancybox文件夹(标准RoR)。以下是一个例子: backgroun

我已经在我的RoR v3.0.3 web应用程序上部署了fancybox v2.0.4,以创建照片库。我已经能够让fancy box在单击缩略图时生成一个大图像,但在外观和行为方面出现了一些问题,无法按预期工作

第一期-我似乎无法显示fancybox按钮。我已经进入jquery.fancybox-buttons.css并更改了各种“background image:url”的路径,以指向public/images文件夹中的fancybox文件夹(标准RoR)。以下是一个例子:

background-image: url('./images/fancybox/fancybox_buttons.png');
我的第一个怀疑是我没有正确地引用它,但我已经尝试了我能想到的每一个相对路径迭代

第二个问题-显示fancybox图像的默认div一直隐藏在包含image_标记的div后面。我已将fancybox css文件中的z索引更改为大于页面上其他div中的z索引。我似乎根本无法改变这一点。下面是我指的默认fancybox div:

<div class="fancybox-wrap fancybox-default fancybox-opened" style="display: block;     overflow-x: visible; overflow-y: visible; height: auto; width: 486px; position: fixed; top: 20px; left: 468px; ">....</div>
。。。。

第三期-我无法获得任何阴影或其他“股票”css效果出现。我已经检查了源代码是否指向适当的css文件。我已将所有fancybox css文件放在标准RoR样式表文件夹中,将所有.js文件放在标准javascript文件夹中。在我的Application.html.erb文件中,我明确地在我的标记中调用了这些javascript库和样式表。

好的,我发现了阻止此工作的问题:

  • fancybox_sprite.png和jquery.fancybox.css文件中所有其他URL的路径需要如下所示(假设您将图像放置在标准RoR应用程序的默认“public/images”文件夹中:

    背景图片:url('/images/fancybox_sprite.png')

  • 我在javascripts文件夹中有冲突的jquery-.min.js文件

  • 案件结案