3.2 & 3.3 Extensions Database 3.2 / 3.3Image Upload

<span class="qte-attr qte_32_33-qte">3.2.x & 3.3.x</span>
User avatar

SpIdErPiGgY
Users
Users
Posts: 121
Joined: 04 Feb 2021, 23:54
    Windows 10 Firefox

Re: Image Upload

Post by SpIdErPiGgY »

lopoto wrote: 22 Jan 2026, 00:42 It looks like this for me, a link instead of a picture

IMG_4628.jpeg

any tips ?
Do you have [hsimg] bbcode ? :eyes2:
🌐 phpBB Extensions in Dutch
✦ Free translations, updates, support and practical tutorials for phpBB.
💚 Support this project on Ko-fi

User avatar

lopoto
Users
Users
Posts: 76
Joined: 28 Dec 2014, 01:59
    Mac OS X iPhone

Re: Image Upload

Post by lopoto »

No bbcode

User avatar

clight77
Donator
Donator
Posts: 507
Joined: 24 Sep 2015, 16:23
    Windows 10 Chrome

Re: Image Upload

Post by clight77 »

lopoto wrote: 23 Jan 2026, 00:16no bbcode
What is [hsimg] bbcode, what's it supposed to do?

User avatar

SpIdErPiGgY
Users
Users
Posts: 121
Joined: 04 Feb 2021, 23:54
    Windows 10 Firefox

Re: Image Upload

Post by SpIdErPiGgY »

🚀 Image Upload Pagination Upgrade (AJAX + UI Improvement)

dmzx2.0.0.zip

📌 What I improved

I upgraded the image uploader pagination from a full page reload system to AJAX-based pagination, and added a small CSS fix for better spacing on the index page.


AJAX Pagination

Before: clicking pagination (1, 2, 3…) reloaded the entire page.
Now:

• Clicks are handled with JavaScript
• Content is loaded via fetch()
• Only the uploader block refreshes
• URL updates with history.pushState()

Result: faster and smoother navigation 💨


🧠 How it works

• Pagination uses:

Code: Select all

.imageupload-pagination
• Each block has:

Code: Select all

data-imageupload-ajax
• JS detects clicks and replaces only the correct container

Fallback to normal reload is included ✔️


🎨 CSS Fix (Index)

Pagination was too close to the edge, fixed with:

Code: Select all

#imageupload-index-ajax-container .pagination {
padding: 10px 15px;
}
Result: cleaner spacing and better alignment 🎯


Result

• AJAX pagination on Posting, UCP and Index
• No full page reloads
• Faster UX
• Consistent layout


🎉 Done!
The uploader now feels like a modern web app 😎
You do not have the required permissions to view the files attached to this post! Maybe your post count is too low.

Post Reply Previous topicNext topic