0

Web ページに jquery 画像スライダーがあります。そのページを印刷しようとすると、そのスライダーのすべての画像が印刷されます。現在のスライド画像を印刷したいのですが、どうすればそれを達成できますか。以下は Web サイトです : 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 に画像を 1 つだけ含め、画像スライダーを初期化する前に残りを JavaScript に追加します。

于 2011-06-02T10:58:31.167 に答える
1

印刷には CSS ルールを使用します。

これを CSS ファイルに追加してみてください。

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

ここでは、"slideshow" div を非表示にするルールを追加しました。このルールは、「印刷」メディアにのみ適用されます。

あなたの問題は、迅速で簡単な解決策では処理できないほど大きくなっています。

最初から Web サイトの印刷ビューを考慮するという重要な教訓を学びました。

この問題を正しく処理する方法の例を次に示します: http://www.sathyasai.org.br/mensagem/印刷プレビューを見て、Web サイトの画面表示が印刷表示とどのように異なるかを確認してください。どちらも最初から慎重に検討されました。印刷ビューでは、背景、ナビゲーション メニュー、ブレッドクラムなどのすべてのものは削除されます。

印刷出力を考えずにウェブサイト全体のデザインを開発するのは得策ではありません。Qあなたが経験しているように、あなたは望むように印刷出力を得るために多くの仕事をしなければなりません。今すぐプリンターに合わせて「再設計」する必要があります...

幸運を！

于 2011-06-02T11:02:22.023 に答える