Здравствуйте!
Хочу сделать так что бы загруженные фото альбомах можно было поворачивать по ссылке Редактировать изображение.
Форум использует имаджмаджик.
Я так понимаю нужно править album.php, class_image.php ну и шаблоны соответственно.
Помогите разобраться!

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

но! есть такой косячек:
картинки поворачиваются (это я проверяю заходя в директорию где они лежат и открывая просмотрщиком картинок), в базе данных в таблице pictures высота с шириной местами меняются.
НО НА ФОРУМЕ КАРТИНКИ (И ПРЕВЬЮШКИ) ТАК И ОСТАЮТСЯ НЕ ПЕРЕВЕРНУТЫМИ.

изменения видны если только разлогинится с форума выйти с браузера и опять зайти((
я так понимаю есть какойто кеш что ли, где картинки застревают не перевернутыми.
может кто знает как это лечится?

получилось сделать что бы перевьюшки поворачивались, для этого надо обновить dateline в таблицах album, albumpictures, pictures когда картинку поворачиваешь.
а вот поворот самой картинки в альбоме удалось получить только после того как я в файле picture.php закоментил следующие строки

PHP Code:

header('Cache-control: max-age=31536000');
    header('Expires: ' . gmdate('D, d M Y H:i:s', (TIMENOW + 31536000)) . ' GMT');
    header('Content-disposition: inline; filename=' . "user$imageinfo[userid]_pic$imageinfo[pictureid]_$imageinfo[dateline]" . ($vbulletin->GPC['thumb'] ? '_thumb' : '') . ".$imageinfo[extension]");
    header('Content-transfer-encoding: binary');
    if ($imageinfo['filesize'])
    {
        header('Content-Length: ' . $imageinfo['filesize']);
    }
    header('Last-Modified: ' . gmdate('D, d M Y H:i:s', $imageinfo['dateline']) . ' GMT');
    header('ETag: "' . $imageinfo['dateline'] . '-' . $imageinfo['pictureid'] . ($vbulletin->GPC['thumb'] ? '-thumb' : '') . '"'); 


вопрос к знатокам, чегойто я такое закоментил? оно вообще надо для форума?

это заголовки отправляемые сервером при просмотре картинки на отдельной странице или в контексте другой страницы в ббкодах
комментировать нЕ рекомендуется

kerk, может ты знаешь как модернизировать заголовки эти чтобы картинки в кэше браузера не застревали?

А пока вот что у меня получилось и это работает!

Что нужно сделать что бы фотографии в галерее можно было поворачивать?

В шаблоне album_picture_editbit после:

<if condition="$show['delete_option']">
<div>

вставить:

<p><b>Поворот изображения:</b></p>
<p>
<input type="radio" name="pictures[$picture[pictureid]][rotate]" value="90">Вправо<Br>
<input type="radio" name="pictures[$picture[pictureid]][rotate]" value="-90">Влево<Br>
<input type="radio" name="pictures[$picture[pictureid]][rotate]" value="180">Перевернуть
</p>

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

В файле album.php после:

PHP Code:

($hook = vBulletinHook::fetch_hook('album_picture_update')) ? eval($hook) : false; 


вставить:

PHP Code:

// ROTATE START
$rotate = $vbulletin->GPC['pictures']["$picture[pictureid]"]['rotate'];
if ($rotate)
{
$imginfo = $db->query("
(SELECT *
FROM " . TABLE_PREFIX . "picture AS picture
WHERE pictureid = $picture[pictureid]
)
");

$img = array(); 

while ($img = $db->fetch_array($imginfo)) {$out = $img;}

$filepath = "/var/www/forum/gallery"; // путь к файлам галереи (отредактировать если надо)

$path = $filepath . '/' . floor($out['pictureid'] / 1000);

$paththumb = "$path/$out[idhash]_$out[pictureid].$out[extension]";

$pathpic = "$path/$out[pictureid].picture";

system("convert -rotate $rotate $pathpic $pathpic", $retval);

system("convert -rotate $rotate $paththumb $paththumb", $retval);

$time = TIMENOW;
$timethumb = $time + 3;

if($rotate != 180)
{
$db->query_write("
            UPDATE " . TABLE_PREFIX . "picture 
            SET width = $out[height],
                            height = $out[width],
                            thumbnail_width = $out[thumbnail_height],
                            thumbnail_height = $out[thumbnail_width]
            WHERE pictureid = $out[pictureid]
        ");
}

$db->query_write("
            UPDATE " . TABLE_PREFIX . "picture 
            SET thumbnail_dateline = $timethumb
            WHERE pictureid = $out[pictureid]
        ");

$db->query_write("
            UPDATE " . TABLE_PREFIX . "album 
            SET lastpicturedate = $time
            WHERE albumid = $albuminfo[albumid]
        ");

$db->query_write("
            UPDATE " . TABLE_PREFIX . "albumpicture
            SET dateline = $time
            WHERE pictureid = $out[pictureid]
        ");

}
// ROTATE END 


и в файле picture.php закоментировать следующие строки:

PHP Code:

header('Cache-control: max-age=31536000');
header('Expires: ' . gmdate('D, d M Y H:i:s', (TIMENOW + 31536000)) . ' GMT');
header('Content-disposition: inline; filename=' . "user$imageinfo[userid]_pic$imageinfo[pictureid]_$imageinfo[dateline]" . ($vbulletin->GPC['thumb'] ? '_thumb' : '') . ".$imageinfo[extension]");
header('Content-transfer-encoding: binary');
    if ($imageinfo['filesize'])
    {
        header('Content-Length: ' . $imageinfo['filesize']);
    }
header('Last-Modified: ' . gmdate('D, d M Y H:i:s', $imageinfo['dateline']) . ' GMT');
header('ETag: "' . $imageinfo['dateline'] . '-' . $imageinfo['pictureid'] . ($vbulletin->GPC['thumb'] ? '-thumb' : '') . '"'); 


Версия vBulletin 3.7.3 и должен быть установлен Image Magick

Сегодня обнаружился такая недоработка, если установлен хак Галерея (он выводит список альбомов пользователей) то после поворота фото альбом переходит в топ,
если конечно в настройках хака Галерея установлена сортировка по времени добавления фото.
Что бы этого избежать надо удалить или закоментировать вот эти строки в файле album.php

PHP Code:

$db->query_write(" 
            UPDATE " . TABLE_PREFIX . "album  
            SET lastpicturedate = $time 
            WHERE albumid = $albuminfo[albumid] 
        "); 


А так все работает нормально, пользуйтесь на здоровье.

А не, нифига

Пришлось ставить

PHP Code:

//system("convert -rotate $rotate $pathpic $pathpic", $retval);

//system("convert -rotate $rotate $paththumb $paththumb", $retval);

$command = "convert -rotate $rotate $pathpic $pathpic";
exec($command,$retval);
$command = "convert -rotate $rotate $paththumb $paththumb";
exec($command,$retval); 


Мало того, поскольку прописан путь к миниатюрам типа thumbs

PHP Code:

$pathmin = $filepath .'/thumbs/'. floor($out['pictureid'] / 1000);

//$paththumb = "$path/$out[idhash]_$out[pictureid].$out[extension]";
$paththumb = "$pathmin/$out[idhash]_$out[pictureid].$out[extension]"; 


Вот теперь все жужжит как надо. Спасибо за хак

Для v3.8х нет такого?
Делал все как описано выше, не жужжит (

Так и не получилось установить для 3,8х парился устанавливал Image Magick на сервер, курил долго, не выходит.
Сделал по другому, без сохранения в базу просто вращение с помощью js, для моих целей достаточно пользователям нравиться.
Может еще кому пригодиться, сделал так:

В шаблоне album_pictureview.
Найти

PHP Code:

<img src="picture.php?$session[sessionurl]albumid=$albuminfo[albumid]&amp;pictureid=$pictureinfo[pictureid]" alt="$pictureinfo[caption_censored]" /> 


добавить id="image" чтобы получилось так:

PHP Code:

<img src="picture.php?$session[sessionurl]albumid=$albuminfo[albumid]&amp;pictureid=$pictureinfo[pictureid]" alt="$pictureinfo[caption_censored]" id="image" /> 


Ниже добавить кнопку, место выбирайте сами я добавил в той же строчке после закрывающего </div>

PHP Code:

<button id="button">Повернуть ↻</button> 


в самом низу шаблона добавить код js

PHP Code:

<script>
var angle = 0,
  img = document.getElementById('container');
document.getElementById('button').onclick = function() {
  angle = (angle + 90) % 360;
  img.className = "rotate" + angle;
}
</script> 


С шаблоном закончили осталось прописать стили.
Обычный стиль/Все опции стиля/Дополнительные определения CSS

PHP Code:

# container {

  overflow: hidden;
}

/* ниже значения width: ХХХ ; height: ХХХ   могут быть разными  у меня height:600px ваши могут отличаться экспирементируйте. */

# container.rotate90,
# container.rotate270 {
height: 600px;

}
# image {
  transform-origin: top left;
  /* IE 10+, Firefox, etc. */
  -webkit-transform-origin: top left;
  /* Chrome */
  -ms-transform-origin: top left;
  /* IE 9 */

margin:0 auto;
top:0;
bottom:0;
left:0;
right:0;
}
# container.rotate90 # image {
  transform: rotate(90deg) translateY(-100%);
  -webkit-transform: rotate(90deg) translateY(-100%);
  -ms-transform: rotate(90deg) translateY(-100%);

}
# container.rotate180 # image {
  transform: rotate(180deg) translate(-100%, -100%);
  -webkit-transform: rotate(180deg) translate(-100%, -100%);
  -ms-transform: rotate(180deg) translateX(-100%, -100%);

}
# container.rotate270 # image {
  transform: rotate(270deg) translateX(-100%);
  -webkit-transform: rotate(270deg) translateX(-100%);
  -ms-transform: rotate(270deg) translateX(-100%);
text-align: center;
}

/*-----------------------Здесь моя кнопка меняйте сами ------------------------------ */

# button{
color: # eeeeee;
background:#8E4147;
border: none;
    padding: 5px 15px 5px 15px;
    border-radius: 2px;
    cursor: pointer;
}
# button:hover{
background:#760351;
/*TRANSISTIONS*/
    -webkit-transition: background 0.5s ease;
-moz-transition: background 0.5s ease;
-o-transition: background 0.5s ease;
-ms-transition: background 0.5s ease;
transition: background 0.5s ease;
} 


Оригинальный код взял здесь источник