在打印网页上,它会打印图像滑块的所有图像

时间:2011-06-02 10:50:57

标签: jquery printing slider image-rotation

我的网页上有一个jquery图像滑块,当我尝试打印该页面时,该滑块的所有图像都被打印出来,我想要打印当前的幻灯片图像,我该如何实现,下面是网站: Duxbury Caravans

3 个答案:

答案 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,您将有很多工作来获得您想要的打印输出。你现在必须“重新设计”它到打印机......

祝你好运!