我的网页上有一个jquery图像滑块,当我尝试打印该页面时,该滑块的所有图像都被打印出来,我想要打印当前的幻灯片图像,我该如何实现,下面是网站: Duxbury Caravans
答案 0 :(得分:2)
您的样式表似乎未在打印时应用。我之前遇到过同样的问题。添加一个明确的“打印”样式表修复它:
<link rel="stylesheet" type="text/css" media="print" href="style.css">
实际上查看您的来源,您具体说media="screen"
,因此将其更改为media="all"
也会有效。
答案 1 :(得分:1)
可能是因为所有图片在页面加载时都可见。打印机不执行滑块javascript,因此您实际上正在打印页面的非js版本。
仅显示第一张图片并在CSS中隐藏其余图片。如果滑块不适合你,可以使用javascript使它们可见。
如果这也不起作用(无法想象为什么),请在HTML中只包含一个图像,并在初始化图像滑块之前在javascript中添加其余图像。
答案 2 :(得分:1)
使用CSS规则进行打印。
尝试将此添加到您的CSS文件中:
@media print
{
#slideshow { display: none }
}
这里我们添加了一个隐藏“幻灯片”div的规则。此规则将专门用于“打印”媒体。
您的问题比快速/简单的解决方案可以处理的更大。
您已经学到了一个重要的教训,即从一开始就考虑网站的打印视图。
以下是如何以正确方式处理此问题的示例:http://www.sathyasai.org.br/mensagem/尝试查看打印预览,并查看网站屏幕视图与打印视图的不同之处。两者都从一开始就仔细考虑过。在打印视图中,所有内容(如背景,导航菜单,面包屑等)都将被删除。
在不考虑打印输出的情况下开发整个网站设计并不是一个好主意。您正在体验的QAs,您将有很多工作来获得您想要的打印输出。你现在必须“重新设计”它到打印机......
祝你好运!