Is there a way to not show linked images in quotes?

[Tommy]

Maybe this is more of a feature request but is there a setting or a plug-in anyone knows about where when someone quotes a prior post any images that are in that quoted post are not shown again? Or maybe shown as a thumbnail instead?

[Brian]

Hi, Tommy .

You can accomplish this using CSS. Add this to the bottom of Themes > Advanced Styles & CSS > Style Sheet to hide any images used.

/* Hide images in quotes, but keep avatars and smileys */
.quote > .quote_body img { display: none; }
.quote > .quote_body img.smile { display: inline; }
.quote .quote_avatar_container img { display: inline; }

If you just want to resize the images to thumbnail size you can use this instead, substituting the value in green with the maximum width an image can be within a quote.

/* Resize images in quotes without resizing avatars or smileys */
.quote > .quote_body img { max-width: 200px !important; }
.quote > .quote_body img.smile { max-width: none !important; }
.quote .quote_avatar_container img { max-width: 30px !important; }

[Tommy]

Awesome thanks Brian! I'll give it a shot.

[Tommy]

Brian thank you again. The first one works - images are gone. Second one thumbnails not working - all images display at full size.

[Brian]

Can you link to a post containing an example of this not working?

[Tommy]

Feb 16, 2017 13:59:52 GMT -8 Brian said:

Can you link to a post containing an example of this not working?

edited out link...

Attachments:

[Tommy]

There seems to be a conflict with the Image Resizing plug-in 

When I turn Image Resizing ON it works... see attachment.

Attachments:

[Brian]

Got it. I completely forgot that all images automatically get an inline max-width property added to them inside the BBCode.

I edited the code in my earlier post with a fix. Each rule just needs !important added after the values to overwrite the inline CSS.

[Tommy]

Perfect now, thanks Brian!

[Tommy]

Brian (all inclusive) I'm bringing this old post back from the dead to ask does anyone know if this CSS fix can be applied on mobile devices?

Again, the hope is that if a post full of images is quoted on a mobile device can the images either be reduced in size dramatically or eliminated.

[Michael]

Nov 19, 2021 11:36:58 GMT -8 Tommy said:

Brian (all inclusive) I'm bringing this old post back from the dead to ask does anyone know if this CSS fix can be applied on mobile devices?

Again, the hope is that if a post full of images is quoted on a mobile device can the images either be reduced in size dramatically or eliminated.

There aren't any CSS changes possible on the mobile view in v5, but it would work in v6.

[harryk]

As above, not possible in ver 5 mobile mode. And not image specific but some members really likes the Fading Quotes plugin. www.proboards.com/library/plugins/item/858 in Desktop mode.

No affiliation. But looking forward to v.6 of PB.