На печать веб-страницы, он печатает все изображения слайдера изображений - PullRequest
0 голосов
/ 02 июня 2011

У меня есть слайдер изображений jquery на моей веб-странице, когда я пытаюсь распечатать эту страницу, все изображения этого слайдера печатаются, я хочу напечатать текущее изображение слайда, как я могу его получить, Ниже приведен сайт: Караваны Даксбери

Ответы [ 3 ]

2 голосов
/ 02 июня 2011

Кажется, ваша таблица стилей не применяется к печати.У меня была такая же проблема раньше.Добавление явной таблицы стилей "print" исправило это:

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

На самом деле, глядя на свой источник, вы конкретно говорите media="screen", поэтому, возможно, изменение этого значения на media="all" также будет работать.

1 голос
/ 02 июня 2011

Используйте правила CSS для печати. ​​

Попробуйте добавить это в свой файл CSS:

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

Здесь мы добавили правило, чтобы скрыть div "слайд-шоу". Это правило будет применяться исключительно к «печатным» носителям.


Ваша проблема больше, чем быстрое / простое решение.

Вы усвоили важный урок, который заключается в рассмотрении печатного вида веб-сайта с самого начала.

Вот пример того, как правильно решить эту проблему: http://www.sathyasai.org.br/mensagem/ Попробуйте просмотреть предварительный просмотр и посмотрите, чем вид экрана веб-сайта отличается от вида печати. Оба были тщательно продуманы с самого начала. При просмотре печати удаляются все элементы, такие как фон, навигационные меню, хлебные крошки и т. Д.

Не стоит разрабатывать весь дизайн сайта, не задумываясь о выводе на печать. Q Как вы испытываете, у вас будет много работы, чтобы получить вывод на печать, как вы хотите. Вы должны "перепроектировать" это к принтеру сейчас ...

Удачи!

1 голос
/ 02 июня 2011

Возможно, потому что все изображения видны при загрузке страницы.Слайдер javascript не выполняется для печати, поэтому вы фактически печатаете не-js версию своей страницы.

Показывает только первое изображение и скрывает остальные в CSS.Сделайте их видимыми, используя javascript, если слайдер не сделает этого за вас.

Если это тоже не сработает (не могу представить, почему), включите в HTML только одно изображение и добавьте остальныеJavaScript до инициализации ползунка изображения.

...