虽然熟悉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
提前感谢任何有帮助的人。
答案 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"