Rotate phpBB attachments images - extension

[axew3]

Add (font awesome) icon (prepend or append) to the image attachment name into the attachments panel (jpg, gif, png, webp) that onclick open a modal popup where it is possible to rotate the image and save it. Preserve images transparencies. Immediately display the rotated image into the post, and not the browser's cached one.

older versions have been all removed

1.0.8 release:
updated 15 Oct 2024 - last tested under 3.3.1.5 version on 25-10-2025: test OK
Fixes:
just fix the file
/w3all/imageattachrotation/styles/all/template/event/overall_header_head_append.html so to correctly load the css file that style the rotation popup.

DOWNLOAD phpBB-image-attachments-rotation-1.0.8

phpBB-image-attachments-rotation-1.0.8.zip

(24.81 KiB) Downloaded 949 times

Note if updating: before to proceed, you'll have to disable the previous Attachments Rotation 1.0.3 extension into ACP Extensions Manager, and delete extension data.
Then remove the folder /ext/w3all/imageattachrotation,
so follow installing the new version

Install

Copy the "w3all" folder into phpBB/ext/

So you'll have: phpBB/ext/w3all/w3imagerotation

Go to "ACP" > "Customise" > "Extensions" and enable the "Attachments images rotation" extension

Done

Note: check that the uploaded /ext/w3all/imageattachrotation/core/fileRotate.php need to be executable. Check maybe also this topic replies for further helps viewtopic.php?p=7088#p7088

How do i can style the rotation popup?
It should fit your theme, anyway you can easily change and style it into:

HTML:
/ext/w3all/imageattachrotation/styles/all/template/event/overall_footer_body_after.html
(note that you (maybe) do NOT have to change w3classes and w3ids for html elements, or the javascript code will not work)

Code: Select all

<div id="w3rPopup" class="w3rPopupContainer text-center inputbox" style="display:none">
<table class="w3wrapTABC">
<tr><td class="w3wrapTDC">
<div class="w3divContainer">
<div class="w3divCont"><strong>{{ lang('W3POPUP_TEXTEXPLAIN') }}</strong></div>
<div class="w3divimg"><img id="w3-img-rotate" src="" onclick="w3rotateByDeg(this);" /></div>
<div class="w3divCont"><button class="w3divCont button" type="submit" id="w3btn" onclick="w3sendThis(document.getElementById('w3-img-rotate'));">{{ lang('W3POPUP_BUTTONTEXT') }}</button></div>
</div>
</td></tr></table>
</div>

the html code is all on top of the file

CSS:
/ext/w3all/imageattachrotation/styles/all/template/css/style.css


How do i can choose to prepend or append the rotate icon?

/ext/w3all/imageattachrotation/styles/all/template/event/overall_footer_body_after.html
search for line (+- on top):

Code: Select all

var Pw3A = 1; // 0 Append icon, 1 Prepend icon (require to rebuild the phpBB template)

dolphin.jpg (14.49 KiB) Viewed 40034 times

dolphin.jpg (16.2 KiB) Viewed 40034 times

image_rotation_output_example.png (20.55 KiB) Viewed 39995 times

attachEx1.png (45.39 KiB) Viewed 40009 times

[axew3]

17 Oct 2023

Fix the rotation popup to correctly show on browsers/devices.
Add webp img format

On Github: https://github.com/axew3/phpBB-image-at ... /tag/1.0.5

[profcaju]

Thank you very much for this extension.

I was strugling with users to correct align their images posted in my forum. Now I can have an inhouse solution!

[Ezrael]

Does the extension still works with 3.3.12 ?

[axew3]

phpbb.com_logo.png (140.11 KiB) Viewed 26096 times

Seem that yes! You can try it also here.
The little icon that appear near the image attachment name on the attachment panel when posting or editing a post.
Whenever some fix required it will be applied, in the while should work fine into any theme.

I would really like to resume and improve the video/audio like whatsapp/telegram into posts extension.

[Ezrael]

Works perfect! Amazing! Haven seen the extension before...