MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.

    ImageSlideShow keeping scale

    Scheduled Pinned Locked Moved Unsolved Requests
    4 Posts 4 Posters 625 Views 4 Watching
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • K Offline
      KlausLadegaard
      last edited by

      Hi

      Today I use ImageSlideShow to show images, having big repository of images has proven I need to resize them on the fly

      Setting MaxHeight is needed, but then I get some wide pictures that it too wide to text…
      Can I somehow get a slide show, within a frame, where resizing happens in scale?

      Help some one has solved this or know how to build this enhancement

      S 1 Reply Last reply Reply Quote 0
      • S Offline
        shin10 Module Developer @KlausLadegaard
        last edited by

        @KlausLadegaard

        Probably too late, just add something like this to your css/custom.css file:

        .MMM-ImageSlideShow img {
            max-width: 80vw;
            max-height: 80vh;
            object-fit: contain;
            object-position: 50% 50%;
        }
        

        Just modify the width/height values as needed.

        1 Reply Last reply Reply Quote 0
        • W Offline
          Williamso
          last edited by

          I read it an above post in which we can used about the working of Image slideshow keeping scale module that are helping you to resizing it for different platforms.

          Event Security Guard Services in Pine Castle FL

          S 1 Reply Last reply Reply Quote 0
          • S Do not disturb
            sdetweil @Williamso
            last edited by

            @Williamso the MMM-ImagesPhotos in full screen mode will adjust the sizes to keep the photo aspect ratio

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            1 Reply Last reply Reply Quote 0
            • 1 / 1
            • First post
              Last post
            Enjoying MagicMirror? Please consider a donation!
            MagicMirror created by Michael Teeuw.
            Forum managed by Sam, technical setup by Karsten.
            This forum is using NodeBB as its core | Contributors
            Contact | Privacy Policy