Не могу распечатать изображение на всю страницу / HTML, JavaScript, VBScript, CSS

ReSQL.ru

Мобильная версия Контакт Правила FAQ Помощь

Гость

Войти | Регистрация | Профиль | Очистить

Новые сообщения | Избранное

Форумы | Пользователи | Статистика | Мод. лог | Поиск

Цитировать

Написать

Автор*:

Ввести пароль для входа

Тема*:

Сообщение

Данное сообщение тематическое

Сообщение содержит картинки или видео 18+

Автор:

ВНИМАНИЕ! На данном подфоруме действуют строгие правила. Удостоверьтесь, что ваше сообщение соответствует им!

Форум или тема закрыты для гостей. Необходима авторизация!

Загрузить последнюю сохраненную версию

Вложение:

Вставить как галерею

Максимальный размер вложений: 4,0 МБ, аудио/видео: 8,0 МБ. Картинки большего размера ужимаются, если возможно.

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

Отправляя сообщение, я выражаю свое согласие с правилами форума и принимаю пользовательское соглашение.

Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Не могу распечатать изображение на всю страницу

15 сообщений из 15, страница 1 из 1

Не могу распечатать изображение на всю страницу

#39024775

son456

Гость

Здравствуйте! Столкнулся с проблемой, нужно фото которое на сайте распечатать, как сделать чтобы при печати фото заняло лист А4?

...

Рейтинг:

0 / 0

07.08.2015, 09:36

| Ответить | Цитировать | Написать

Не могу распечатать изображение на всю страницу

#39024839

son456

Гость

Как сделать при помощи css?

...

Рейтинг:

0 / 0

07.08.2015, 11:03

| Ответить | Цитировать | Написать

Не могу распечатать изображение на всю страницу

#39024880

Antonariy

Участник

Откуда: ☭

Сообщения: 80 221

Рейтинг: 0 / 0

son456Как сделать при помощи css?media print

...

Рейтинг:

0 / 0

07.08.2015, 11:29

| Ответить | Цитировать | Написать

Не могу распечатать изображение на всю страницу

#39024882

son456

Гость

medio print это я знаю, как фотку растянуть на весь лист?

...

Рейтинг:

0 / 0

07.08.2015, 11:32

| Ответить | Цитировать | Написать

Не могу распечатать изображение на всю страницу

#39024899

krvsa

Участник

Откуда: г Волжский

Сообщения: 13 823

Рейтинг: 1 / 0

son456как фотку растянуть на весь лист?

Код: css

1.
2.
3.
4.

<селектор> {
   width: 100%;
   height: 100%;
}

...

Рейтинг:

0 / 0

07.08.2015, 11:47

| Ответить | Цитировать | Написать

Не могу распечатать изображение на всю страницу

#39024906

son456

Гость

Не работает!

...

Рейтинг:

0 / 0

07.08.2015, 11:54

| Ответить | Цитировать | Написать

Не могу распечатать изображение на всю страницу

#39025019

krvsa

Участник

Откуда: г Волжский

Сообщения: 13 823

Рейтинг: 1 / 0

son456Не работает!
Где твой тестовый пример?

...

Рейтинг:

0 / 0

07.08.2015, 13:39

| Ответить | Цитировать | Написать

Не могу распечатать изображение на всю страницу

#39025024

krvsa

Участник

Откуда: г Волжский

Сообщения: 13 823

Рейтинг: 1 / 0

Мой пример работает...
Смотрел в Опере.

Код: html

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.

<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<!--
<script src='http://code.jquery.com/jquery-latest.js'></script>
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
<link rel='stylesheet type=text/css href=tmp.css' />
<link rel="stylesheet/less" type="text/css" href="style.less">
<script src="http://cdnjs.cloudflare.com/ajax/libs/less.js/2.5.0/less.min.js"></script>
-->
<style type='text/css'>
@media print {
	html,
	body {
		width: 100%;
		height: 100%;
	}
	img {
		width: 100%;
		height: 100%;
	}
}
</style>
<script type='text/javascript'>
</script>
</head>
<body>
<img src='http://www.gravatar.com/avatar/3a5c92e1dba3157e090fbde46e6d3476?d=mm&s=50' />
</body>
</html>

...

Рейтинг:

0 / 0

07.08.2015, 13:46

| Ответить | Цитировать | Написать

Не могу распечатать изображение на всю страницу

#39025048

son456

Гость

Код: html

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.

<!doctype html>
<html>
<head>
	<meta charset=utf-8>
	<title>Слайд-шоу</title>
	<SCRIPT Language="Javascript"> 
    function printit()
	{ 
      window.print(); 
    }
	</script>
	<style>
	@media print
    {
     *{
      color:#0000 !important;
	  background-transparent: !important;
    }
    html{
     font-family: "Times New Roman", Times, serif;   
    }
    body{
    padding-left: 1%; padding-right: 1%;
    }
    #bt_Ctr{
      display:none;
    }
	#show button
   {
    display:none;
  }
  img {
		width: 100%;
		height: 100%;
	}
	#view {
		width: 100%;
		height: 100%;
	}
}     
	*{margin:0;padding:0}
#show{display:none;margin-top:1em;}
body{width:400px;margin:100px auto 0}
.view
{
  width:inherit;
  height:200px;
  overflow:scroll
}
.view ul
{
  list-style:none;
  width:10000px;
}
.view li{float:left}
#show button
{
padding:1em;
margin-right:1em;
cursor:pointer
}
	</style>
</head>
<body>
<div class='view'>
<ul>
<li><img src='img/ettlingen01.jpg'></li>
<li><img src='img/kremlin01.jpg'></li>
<li><img src='img/kremlin02.jpg'></li>
<li><img src='img/kremlin03.jpg'></li>
</ul>
</div>
<div id='show'>
<button id='prev'>Назад</button>
<button id='next'>Вперед</button>
</div>
<script src="jquery.js" type="text/javascript"></script>
<script src="slide-show.js"></script>
</br></br></br></br>
<div id="bt_Ctr" style='margin-left:25%;'>
  <form> 
  <input TYPE="button" CLASS="for" VALUE="Распечатать страницу!" onClick="printit()"> 
  </form>
</div>
</body>
</html>

Код: javascript

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.

(function($){
var viewUL=$('div.view').css('overflow','hidden').children('ul');
imgs=viewUL.find('img'),
imgW=imgs[0].width,
imgsLen=imgs.length,
totalImgsW=imgW*imgsLen,
current=1;
$('#show').show().find('button').on('click',
function(){
//console.log($(this));
var direction=$(this).attr('id');
//console.log(direction);
var position=imgW;
(direction === 'next') ? ++current : --current;
if(current === 0)
{
  current=imgsLen;
  direction='next';
  position=totalImgsW-imgW;
}
else if(current-1===imgsLen)
{
  current=1;
  position=0;
}
doit(viewUL,position,direction);
});
function doit(container,position,direction)
{
var sign;
if(direction && position !==0)
{
 sign=(direction === 'next') ? '-=' : '+=';
}
container.animate({
'margin-left' : sign ? (sign+position) : position
});
}
})(jQuery);

...

Рейтинг:

0 / 0

07.08.2015, 14:18

| Ответить | Цитировать | Написать

Не могу распечатать изображение на всю страницу

#39025095

son456

Гость

slide-show.js

...

Рейтинг:

0 / 0

07.08.2015, 14:57

| Ответить | Цитировать | Написать

Не могу распечатать изображение на всю страницу

#39025109

krvsa

Участник

Откуда: г Волжский

Сообщения: 13 823

Рейтинг: 1 / 0

son456 , на моем примере ты можешь посмотреть как делают тестовые примеры... У тебя получился настоящий говнокод.

...

Рейтинг:

0 / 0

07.08.2015, 15:06

| Ответить | Цитировать | Написать

Не могу распечатать изображение на всю страницу

#39025128

son456

Гость

К сожалению мне нужно разобраться с этим кодом.

...

Рейтинг:

0 / 0

07.08.2015, 15:18

| Ответить | Цитировать | Написать

Не могу распечатать изображение на всю страницу

#39025135

krvsa

Участник

Откуда: г Волжский

Сообщения: 13 823

Рейтинг: 1 / 0

son456К сожалению мне нужно разобраться с этим кодом.
Возьми мой работающий и начинай его наращивать до своего...

...

Рейтинг:

0 / 0

07.08.2015, 15:23

| Ответить | Цитировать | Написать

Не могу распечатать изображение на всю страницу

#39025168

son456

Гость

Зачем мне какой-то смайл если мне надо слайд фотографий который я могу распечатать. Мой код рабочий, в нем не хватает мелочи растягивание изображения при печати.

...

Рейтинг:

0 / 0

07.08.2015, 15:49

| Ответить | Цитировать | Написать

Не могу распечатать изображение на всю страницу

#39025253

kunaksergey

Гость

son456,

в media print добавь:

Код: css

1.
2.
3.
4.
5.
6.

img{
       position:fixed;
        top:0;
        left:0; 
        min-width:100%;
}

...

Рейтинг:

0 / 0

07.08.2015, 17:07

| Ответить | Цитировать | Написать

15 сообщений из 15, страница 1 из 1

Читали тему (0):

Читали форум (0):

Пользователи онлайн (0):

start [/forum/topic.php?fid=22&msg=39025024&tid=1445799]:	0ms
get settings:	11ms
get forum list:	14ms
check forum access:	4ms
check topic access:	4ms
track hit:	174ms
get topic data:	8ms
get forum data:	2ms
get page messages:	34ms
get tp. blocked users:	1ms
others:	238ms

total:	490ms

	Необходимые cookie
	Cookie для сбора статистики
	Cookie для маркетинга и рекламы