FriendsOfFlarum Discussion Thumbnail

mrperfect

I need thumbnail is in big square size that are shown in picture

bloodchen

Can you add an admin setting to allow choosing the tags that will enable this setting? So we can only change certain tags into a different layout.

Thanks

ZeuS

Hi, thanks for this extension, however what do you think about showing a preview Thumbnail of the first image in the discussion something like that, the thumb position dont matter but just to make clear the idea ![

bloodchen

I have modified the extension for personal use. With below features:

Allow specify tags that will use this layout.
Use a tile layout, good for market type listing.

davwheat

bloodchen

That looks really nice! 🙂

ash3T

bloodchen
English：Could you be able to share how to do that. I am also thinking about how to put anchor in one page. Because I used hashtag extension. It seems I can only use the markup anchor in one page, when I disabled the hashtag extension.

Chinese：请问你能分享一下，怎么可以按标签展示缩略图吗？这个样式很好看。还想问问，怎么做页内的定位，我因为用了hashtag扩展，只有把hashtag禁用之后，才能够页内定位。

OwlGreen

bloodchen Allow specify tags that will use this layout.

How to show discussion thumbnail only in specify tag?

I was try do it in CSS, but have problem:

1. If I sets .Avatar.DiscussionListItem-thumbnail img.Avatar: {display:none}, discussion image empty, but I need to show user avatar when I hide thumbnail image.

2. TagsLabel class don't have individual id, without it I can't add rules in CSS to show element only in TagsLabel with id 1,4,6 (example).

🙁

nthypes

It's possible to enable only for admin users?

hrvoje_hr

nthypes unfortunately not. Anyone can put an image in the first post after opening a discussion. You can always edit it afterward, and limit other users in editing capabilities to ensure they can't ever remove your image/thumbnail

ash3T

When I check my website for its performance, it seems that discussion thumbnails are using the original images, not the resized/smaller ones in the front page, and it slows the website.

Would it possible to add a feature to resize the images in the thumbnails?

hrvoje_hr

ash3T Would it possible to add a feature to resize the images in the thumbnails?

As for now, that's how it works. It's very simple, it takes the first image from the first post of the discussion in its original state. On my forum, I manually resize the thumbnail image to something like 25*25px which weighs only a few kb.

ash3T

hrvoje_hr I manually resize the thumbnail image to something like 25*25px which weighs only a few kb.

Do you mean that you resized fisrt image to 25*25px when you post? Is easy if only one or few people are posting in the forum, but it hard to enforce everyone to do it when they post with images.

hrvoje_hr

ash3T yes, it's challenging. Fortunately, my users don't often post images in their opening posts.

Hovewer, I would be interested in co-fund an update of this extension. Discussions thumbnails should function like avatars.

martoslawa

Hello,

First of all I love the extension, thank you for making it! But sadly I have come across a problem with it that I don't know how to fix. When I replace the first image in a discussion's starting post with a new one, the thumbnail doesn't change and it still shows the previous image. Clearing cache doesn't work. Is there any way to fix this?

datitisev

martoslawa The extension caches the thumbnail URL so it doesn't have to determine what it is for every discussion every time. It should be refreshed when edited, but the logic might be bugged. I'll check locally and see if I can reproduce the issue.

Update: I checked locally and it works fine for me. If you remove all images from the first post, does the thumbnail disappear (or is replaced with start user avatar)?

martoslawa

datitisev Sorry, I'm so silly I didn't realize I had to clear my forum's cache, not my browser's cache. 😅 It works perfectly fine now. Sorry for the bother!

datitisev

martoslawa Does it update fine without needing a forum cache clear? It shouldn't need it.

martoslawa

datitisev No, the thumbnail doesn't update after changing the first image in the discussion or removing all images in the discussion. It's stuck until I clear forum's cache.

------------

1 issue with this that results in bad UX:

clicking the post thumbnail opens the poster's profile page. Instead of opening the post.

any idea how to change the behavior so it opens the post?

Darkle

------------ Interested in this as well, it causes quite a bit of confusion that clicking on an image related to the post opens a user's profile, would be a nice change for this extension.

TB54

It's maybe obvious, but in case anyone is interested, here is the little CSS code I added to avoid the image being deformed in the little circle icon:

.Avatar img { object-fit: cover; }

And the one to deactivate the link of the icon (in order to avoid linking to the profile):

.DiscussionListItem-content a.DiscussionListItem-author { cursor: default; pointer-events: none; }

Nice extension! (specially useful in the first day when you made half the topics and that it's a little cringe to see your avatar appear everywhere!)

EDIT (2022/11/21) :

The .Avatar img { object-fit: cover; }solution is problematic, has the image appears pixelated in Chrome.

Instead, rather use this, which gives the same result and doesn't get pixalited in Chrome:

.Avatar img {
    width: auto;
}

.Avatar.DiscussionListItem-thumbnail {
    width: var(--size);
    overflow: hidden;
}

« Previous Page Next Page »