Fancybox 2 + CSS - 没有通过的课程

时间:2013-03-18 20:05:56

标签: jquery css fancybox fancybox-2

虽然熟悉fancybox以前成功使用了很多次,但我遇到了一个问题 - 它应该正常启动,大图像按照我的意图出现和分组。但根本没有CSS样式。

脚本和css包括它们应该是(我已经仔细检查过,但你永远不知道..)当你点击缩略图时,大图像会出现在中心,然后向右移动。

似乎没有任何CSS类被应用于fancybox元素,可能导致向右移动?同样缺乏造型明显。通过web工具栏查看样式信息,应该是fancybox wrap中的图像,只显示以下内容:

html > div > div > div..etc.. > img 

我不是javascript专家,所以如果我只是在密集而道歉 - 我已经做了很多寻找类似的问题,但没有运气。

链接:http://www.tom-mayfield.com/angelcakes/?what-we-do/weddings.html

提前感谢任何有帮助的人。

1 个答案:

答案 0 :(得分:1)

嗯,fancybox css文件在那里,但是fancybox css设置没有应用到盒子里,为什么?

您正在加载您的fancybox css,如

<link rel="stylesheet" href="http://www.tom-mayfield.com/angelcakes/public/scripts/fancybox2/jquery.fancybox.css" media="print" type="text/css" />

如果设置此属性:

media="print"

...这意味着只有当您打印文档时(以及如果)打印文档时才会应用fancybox样式,这实际上没有意义吗?

只需将media="print"更改为media="screen"

即可