• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
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.

MMM-SimpleBGSlideshow (yet another background slideshow module)

Scheduled Pinned Locked Moved Utilities
28 Posts 5 Posters 9.4k Views 6 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.
  • S Away
    sdetweil @robertybob
    last edited by sdetweil Sep 26, 2021, 3:11 PM Sep 26, 2021, 2:46 PM

    @robertybob sorry, don’t know about sizes… I use it as full screen background

    if u are looking at my repo, then u would clone from my repo.

    generally when u fork a repo, its to contribute changes back, so, the original readme content should be unchanged, except for new parms.

    Sam

    How to add modules

    learning how to use browser developers window for css changes

    R 1 Reply Last reply Sep 26, 2021, 3:06 PM Reply Quote 0
    • R Offline
      robertybob @sdetweil
      last edited by robertybob Sep 26, 2021, 3:06 PM Sep 26, 2021, 3:06 PM

      @sdetweil Ah ok, no worries. On your mirror, do you use the position ‘fullscreen_above’ rather than the default of ‘middle_center’ ?

      S 1 Reply Last reply Sep 26, 2021, 3:09 PM Reply Quote 0
      • S Away
        sdetweil @robertybob
        last edited by Sep 26, 2021, 3:09 PM

        @robertybob not above, below (behind all others)

        {
        	module: "MMM-ImagesPhotos",
        	position: "fullscreen_below",
        	config: {
        		opacity: 0.9,
        		animationSpeed: 0,
        		updateInterval: 1* 60 * 1000,
        		backgroundColor: 'grey',  // not used if fill is true
        		fill: true,   // fill around image with blurred copy of image
        		blur: 10,   // only used if fill is true
        		path: "/pics",  // inside uploads
        	}
        },
        

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        R 1 Reply Last reply Sep 26, 2021, 4:28 PM Reply Quote 0
        • R Offline
          robertybob @sdetweil
          last edited by Sep 26, 2021, 4:28 PM

          @sdetweil Thank you. I can’t get the module working with MMM-Pages.

          This config doesn’t show any images:

          {
          module: ‘MMM-pages’,
          config: {
          modules: [

          				["clock", "MMM-Tools", "MMM-WiFiPassword",
          					"MMM-Fantasy-Premier-League",
          					//"MMM-ImagesPhotos",
          					"MMM-pihole-stats",
          					//	"MMM-TweetsByTimelineOrList", 
          					"MMM-CyanideHappiness",
          					"uploadPics"
          				],
          			
          			["clock", "MMM-Tools", "MMM-WiFiPassword",
          					"MMM-Fantasy-Premier-League",
          					"MMM-ImagesPhotos",
          					"MMM-pihole-stats",
          					//	"MMM-TweetsByTimelineOrList", 
          					"MMM-CyanideHappiness",
          					"uploadPics"
          				],
          			],
          			//last page ^
          			fixed: [],
          			rotationTime: 2500,
          		}
          	},
          

          but this does:

          	{
          		module: 'MMM-pages',
          		config: {
          			modules: [
          			
          				["clock", "MMM-Tools", "MMM-WiFiPassword",
          					"MMM-Fantasy-Premier-League",
          					"MMM-ImagesPhotos",
          					"MMM-pihole-stats",
          					//	"MMM-TweetsByTimelineOrList", 
          					"MMM-CyanideHappiness",
          					"uploadPics"
          				],
          			
          			["clock", "MMM-Tools", "MMM-WiFiPassword",
          					"MMM-Fantasy-Premier-League",
          					"MMM-ImagesPhotos",
          					"MMM-pihole-stats",
          					//	"MMM-TweetsByTimelineOrList", 
          					"MMM-CyanideHappiness",
          					"uploadPics"
          				],
          			],
          			//last page ^
          			fixed: [],
          			rotationTime: 2500,
          		}
          	},
          

          and as you can see, all I am doing is commenting out the module on the first page. I want to be able to have one page where the photos aren’t displayed as it’s very hard to read the other modules…but it seems the module doesn’t allow that?

          How can I help you figure out what is going on so that this can be corrected ?

          S 1 Reply Last reply Sep 26, 2021, 4:50 PM Reply Quote 0
          • S Away
            sdetweil @robertybob
            last edited by sdetweil Sep 26, 2021, 4:56 PM Sep 26, 2021, 4:50 PM

            @robertybob pages hides or shows modules… (A page being shown sends resume calls to each module and suspend calls to all others)

            usually when you use pages and want to HIDE something on one and SHOW the same on another, you have to have TWO instances in config.js

            looking at the code (not my module) it doesn’t support two independent instances,
            so you have to do the copy/rename/ approach.

            copy the module folder to some other name
            rename the modulename.js to the new foldername.js

            edit the newly renamed file and change the register statement to use the new module/folder name

            all three places MUST match exactly
            and u need to rename the css file AND edit the getStyles to the new name.

            then u can use a new module: instance in config.js and have one on one page and another on another page.

            the module supports suspend and resume (hide/show) , so that will be ok i think…

            again, its not my module… i just happened on it when I started with MM (2017) and didn’t want my images aspect ratio changed…

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            1 Reply Last reply Reply Quote 0
            • M Offline
              MagicInMe
              last edited by Oct 11, 2021, 4:52 AM

              Hey there, sorry I didn’t get back to you on your question. I’m glad you found a module that works for you! After the frosty reception I received on my initial post I kinda forgot about it all and figured I wouldn’t get much traction on the module to justify making it more user-friendly. If anyone else needs help, you can use github issues.

              W 1 Reply Last reply Jul 20, 2024, 4:19 PM Reply Quote 0
              • W Offline
                wyovino @MagicInMe
                last edited by Jul 20, 2024, 4:19 PM

                I’m running this on a Pi Zero 2W. At first it kept freezing because some of my images were way too big. After I resized all of my images to 800 x 600 it’s going great.

                W 1 Reply Last reply Jul 22, 2024, 5:09 PM Reply Quote 1
                • W Offline
                  wyovino @wyovino
                  last edited by Jul 22, 2024, 5:09 PM

                  Update: 1024 x 768 works well too on the Pi Zero 2W

                  1 Reply Last reply Reply Quote 0
                  • 1
                  • 2
                  • 3
                  • 3 / 3
                  • 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