(Question) Just saying... Auto resizing of images in posts, etc by CSS

  • 3 Replies
  • 466 Views

0 Members and 1 Guest are viewing this topic.

Offline Anon

  • *
  • Fractal Fluff
  • *****
  • Posts: 354
« on: September 16, 2017, 03:21:55 AM »
what we need is a way to limit the maximum dimension of an image posted within the img tags.
perfect would be if it matched the screen-size.

Auto resizing of images in posts, etc by CSS.
Quote
With this CSS added to the end of your index.css file, you can disable all SMF admin resize settings for images and avatars. This CSS will even resize images correctly for phones, if your theme is built to handle them, regardless of the size of the image.

Re: Auto resizing of images in posts, etc by CSS.
Quote
It is a pretty easy thing to add or remove. The best part is that you don't have to add any of the code in between other code or in the middle of a template- it's just adding it to the very bottom of your index.css. Like Antechinus said; if you don't like the results, just go back into that file and remove it.

Is it worth trying?

Linkback: https://fractalforums.org/discuss-fractalforums/5/just-saying-auto-resizing-of-images-in-posts-etc-by-css/319/
« Last Edit: March 08, 2018, 03:54:51 PM by Anon »

Offline Fraktalist

  • *
  • Administrator
  • *******
  • Strange Attractor
  • Posts: 1164
« Reply #1 on: September 18, 2017, 03:40:56 PM »
thx for bringing that up again.
We'll look into it, back on the todo list.

Offline Fraktalist

  • *
  • Administrator
  • *******
  • Strange Attractor
  • Posts: 1164
« Reply #2 on: March 08, 2018, 03:13:45 PM »
Finally!!
The issue was solved withthe help of 3dickulus! :)

Now, if you click on an image in a thread generated by upload of an image to the gallery, like this:
https://fractalforums.org/fractal-image-gallery/18/biocell/1003/msg5245#new
it opens the image in full view, downsized to your screen resolution. If you click again, it will zoom into full resolution, towards the point where you clicked.

Thanks 3dickulus!!

Offline Anon

  • *
  • Fractal Fluff
  • *****
  • Posts: 354
« Reply #3 on: March 08, 2018, 03:53:23 PM »
It's BBCode not CSS.

The image is now clickable using [url=][img][/img][/url]
Someone (3DickUlus?) also made the change to using the medium image.

Edit: Major improvement!

See attached
« Last Edit: March 08, 2018, 06:16:30 PM by Anon, Reason: Someone »


xx
"Time Span"

Started by cricke49 on Fractal Image Gallery

0 Replies
510 Views
Last post August 02, 2018, 07:05:21 AM
by cricke49
xx
Poll: Disable Auto-Image-posts?

Started by Fraktalist on Discuss Fractalforums

1 Replies
354 Views
Last post December 10, 2017, 10:19:48 AM
by 3DickUlus
clip
Minuscule source code for Lyapunov images (ASCII style)

Started by marcm200 on Programming

8 Replies
707 Views
Last post March 20, 2019, 07:37:58 PM
by marcm200
clip
How to color 3D Mandelbrot height map images using DE colors without "spilling"

Started by Duncan C on Programming

1 Replies
119 Views
Last post February 24, 2020, 04:37:54 AM
by C0ryMcG
xx
Birdie Style

Started by gannjondal on Fractal Image Gallery

1 Replies
554 Views
Last post May 08, 2018, 02:39:37 PM
by who8mypnuts