WP Сохранение картинки в новом размере

33

ЧСВ

15 марта 2015, 20:39

884

Привет всем. Есть скрипт который меняет размер картинки на странице записи. Проблема такая, как сделать чтобы можно было сохранить картинку в новом размере?. Что и куда добавить в код? если такое возможно.

Получается что размер картинки визуально изменился, а если её сохранить, то берётся оригинал.


<div>

<label for="amount">Ширина:</label>

<input type="text" id="amount" value="" style="border:0; width:50px; color:#f6931f; font-weight:bold;" />

<label for="amount2">Высота:</label>

<input type="text" id="amount2" value="" style="border:0; width:50px; color:#f6931f; font-weight:bold;" />

</div>



<div style="margin-top:10px">

<div id="slider" style="height:10px; width:220px; " ></div>

<div id="images" style="margin-top:20px"><a href="<?php echo get_image_path($post->ID); ?>" ><img src="<?php bloginfo('template_directory'); ?>/timthumb.php?src=<?php echo get_image_path($post->ID); ?>&h=480&w=620&zc=1" class="alignnone" alt="<?php the_title();?>-Обои на рабочий стол" title="<?php the_title_attribute();?>" style="margin-bottom:20px " width="620" height="480"/></a></div>

</div>

     



	<script type="text/javascript">

	$(function() {

	var width = $("#images img").attr("width");

	var height = $("#images img").attr("height");

	   z = width/height;

		$("#slider").slider({

			orientation: "horizontal",

			min: 100,

			max: 620,

			value: width,

			slide: function(event, ui) {

			y = Math.round(ui.value/z);

				$("#amount").val(ui.value);

				$("#amount2").val(y);

				$('#images img').width(ui.value);

				$('#images img').height(y);

			}

		});

		$("#amount").attr('value',width);

		$("#amount2").attr('value',height);

		

	});

	</script>

1609

SeVlad

16 марта 2015, 08:29

#1

ЧСВ:
Проблема такая, как сделать чтобы можно было сохранить картинку в новом размере?.

Тебе сохранить или вывести?

Этот код выводит (на лету перегенерирует) создавая при этом некислую нагрузку...

/timthumb.php?src=<?php echo get_image_path($post->ID); ?>&h=480&w=620&zc=1"

480х620

и ему пофик как что там сохранено.

Делаю хорошие сайты хорошим людям. Предпочтение коммерческим направлениям. Связь со мной через http://wp.me/P3YHjQ-3.

130

psics

16 марта 2015, 08:46

#2

для задания нужного размера почитай add_image_size

по генерации попробуй сразу указать рамер функцией выше и попробуй установить и запустить плагин regenerate thumbnails

ЧВ

33

ЧСВ

17 марта 2015, 05:30

#3

SeVlad:
Тебе сохранить или вывести?
Этот код выводит (на лету перегенерирует) создавая при этом некислую нагрузку...

/timthumb.php?src=<?php echo get_image_path($post->ID); ?>&h=480&w=620&zc=1"

480х620
и ему пофик как что там сохранено.

Чтоб можно было сохранить на комп в новом размере, Проще увидеть работу скрипта

Проще говоря, юзер меняет скриптом размер картинки, жмёт кнопку сохранить, и картинка в новом размере сохраняется на комп. Вот это пытаюсь реализовать. Но походу дело гиблое. Хотя Вот кто то сделал на подобии с помощью вот этой функции

<div class="jc_coords">

<form action="demos/crop.php" method="post" onsubmit="return checkCoords();">

	<input type="hidden" id="x" name="x" />

	<input type="hidden" id="y" name="y" />

	<input type="hidden" id="w" name="w" />

	<input type="hidden" id="h" name="h" />

	<input type="submit" value="Crop Image" style="float:left; width: 98px;" />

	<p style="margin: 0 0 0 110px; font-size: 90%;">

		Press the button on the left, and the cropped image will display.

		Then, press your browser's <i>Back</i> button to return to this page.

	</p>

</form>

</div>

Экспресс-конкурс (баннер 125х125, призовых Как сохранить изображение сгенерированое Яндекс картинки - изменение

1609

SeVlad

17 марта 2015, 05:39

#4

ЧСВ:

Чтоб можно было сохранить на комп в новом размере,

Для этого выкинуть нафик этот скрипт (изменить вывод), указать в настройках ВП нужные размеры, а уже залитые картинки перегенерить плагом.

Ну а так - как и сказал psics: add_image_size и мб set_post_thumbnail_size пригодится.

ЧВ

33

ЧСВ

17 марта 2015, 10:32

#5

Я так и сделал, удалил скрипт.

Но возник другой вопрос.

Как отправить картинку со страницы записи на другую страницу со скриптом редактором картинки?

1609

SeVlad

17 марта 2015, 10:36

#6

ЧСВ:
Как отправить картинку со страницы записи на другую страницу со скриптом редактором картинки?

Это ты о чём?

ЧВ

33

ЧСВ

17 марта 2015, 11:29

#7

Есть картинка на странице записи. юзер захотел изменить размер картинки прежде чем скачать, нажал кнопку возле картинки "редактировать", и картинка со страницы записи уехала в скрипт редактор. скрипт редактор находится на другой странице

1609

SeVlad

17 марта 2015, 11:35

#8

ЧСВ:
юзер захотел изменить размер картинки прежде чем скачать, нажал кнопку возле картинки "редактировать", и картинка со страницы записи уехала в скрипт редактор.

Это дурость - редактировать графику на хостинге.

Но для такой задачи - как раз то, что у тебя была - онлайн генерация при выдаче. Без сохранения на хостинге.

ЧВ

33

ЧСВ

17 марта 2015, 12:09

#9

SeVlad:
Это дурость - редактировать графику на хостинге.
Но для такой задачи - как раз то, что у тебя была - онлайн генерация при выдаче. Без сохранения на хостинге.

ну имеется ввиду crop обычный, не фотошоп же я туда загружаю

Как было, не прокатило. фотку не сохранишь в новом размере

1609

SeVlad

17 марта 2015, 12:19

#10

ЧСВ:
Как было, не прокатило. фотку не сохранишь в новом размере

Вот этот код

<a href="<?php echo get_image_path($post->ID); ?>" ><img src="<?php bloginfo('template_directory'); ?>/timthumb.php?src=<?php echo get_image_path($post->ID); ?>&h=480&w=620

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

http://code.google.com/p/timthumb/

ЧСВ:
ну имеется ввиду crop обычный, не фотошоп же я туда загружаю

Без разницы. Вебсервер - не то место, где надо обрабатывать графику.

Маркетинг для шоколадной фабрики. На 34% выше средний чек

Open AI тестирует память для ChatGPT