0

我的网页上有一个 jquery 图像滑块，当我尝试打印该页面时，该滑块的所有图像都已打印，我想打印当前的幻灯片图像，我该如何实现，以下是网站： Duxbury Caravans

4

3 回答 3

2

看来您的样式表没有应用于打印。我以前也遇到过同样的问题。添加一个明确的“打印”样式表修复它：

<link rel="stylesheet" type="text/css" media="print" href="style.css">

实际上，查看您的来源，您是在说media="screen"，所以也许将其更改为media="all"也可以。

于 2011-06-02T10:57:45.503 回答
1

可能是因为所有图像在页面加载时都可见。没有为打印执行滑块 javascript，因此您实际上是在打印页面的非 js 版本。

仅显示第一张图像并在 CSS 中隐藏其余图像。如果滑块不能为您做到这一点，请使用 javascript 使它们可见。

如果这也不起作用（无法想象为什么），请在 HTML 中仅包含一个图像，然后在初始化图像滑块之前在 javascript 中添加其余图像。

于 2011-06-02T10:58:31.167 回答
1

使用 CSS 规则进行打印。

尝试将此添加到您的 CSS 文件中：

@media print
{
    #slideshow { display: none }
}

这里我们添加了一个规则来隐藏“幻灯片”div。此规则将专门适用于“印刷”媒体。

您的问题比快速/简单的解决方案所能处理的要大。

你学到了一个重要的教训，那就是从一开始就考虑网站的打印视图。

以下是如何正确处理此问题的示例：http://www.sathyasai.org.br/mensagem/尝试查看打印预览，并查看网站屏幕视图与打印视图有何不同。从一开始就对两者进行了仔细考虑。在打印视图中，背景、导航菜单、面包屑等所有内容都被删除。

在不考虑打印输出的情况下开发整个网站设计并不是一个好主意。正如您所经历的 QA，您将需要做很多工作才能获得所需的打印输出。您现在必须将其“重新设计”到打印机...

祝你好运！

于 2011-06-02T11:02:22.023 回答