0

虽然熟悉fancybox之前已经成功使用过多次,但我遇到了一个问题——它应该正常触发,大图像出现并按我的意图分组......但根本没有CSS样式。

脚本和 css 应包含在内(我已经仔细检查过,但你永远不知道..),当您单击缩略图时,大图像显示为居中,然后向右移动。

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

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

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

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

提前感谢任何可以提供帮助的人。

4

1 回答 1

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"

...这意味着仅当(并且如果)您打印文档时才会应用花式框样式,这实际上没有意义,不是吗?

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

于 2013-03-18T21:02:16.310 回答