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 10.8k 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 Offline
      sdetweil @rs
      last edited by

      @rs hm… the enoent means file not found

      and it doesn’t use the full path… weird…

      I don’t use that module myself.

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      1 Reply Last reply Reply Quote 0
      • R Offline
        rs @rs
        last edited by

        @sdetweil said in MMM-SimpleBGSlideshow (yet another background slideshow module):

        @rs hm… the enoent means file not found

        and it doesn’t use the full path… weird…

        I don’t use that module myself.

        it is what it is then :)
        Thx anyways!

        S 1 Reply Last reply Reply Quote 0
        • S Offline
          sdetweil @rs
          last edited by

          @rs I use this one,

          https://github.com/sdetweil/MMM-ImagesPhotos

          modified from original

          I don’t like my photos stretched etc…

          also has color or blur fill around pic

          uses only ONE source, ‘uploads’ folder in the module folder… I just symlink to another (my mounted server share) using the ln command

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          R R 2 Replies Last reply Reply Quote 0
          • R Offline
            rs @sdetweil
            last edited by

            @sdetweil, agree, this is the one i finally use, it updates the shown photos when the folder content changes, good enough for my current needs!

            Cheers,
            RS

            S 1 Reply Last reply Reply Quote 0
            • S Offline
              sdetweil @rs
              last edited by

              @rs i also have a module that shows a qr code and lets users upload pics from their phone (to the images location)…

              see
              https://github.com/sdetweil/uploadPics

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              1 Reply Last reply Reply Quote 0
              • R Offline
                robertybob @sdetweil
                last edited by

                @sdetweil I’ve just tried out this module and the Readme on your github needs editing to point the installation link (git clone) to your one, rather than the original Github link :) Also, could you update the example in the Readme to detail exactly how to correctly size images? e.g.

                For percentage:

                maxWidth:"50%",
                

                or for pixel dimensions:

                maxWidth:"50",
                

                For novices like myself, it isn’t very clear :)

                I can’t for the life of me get the module to respect the sizes that I specify, it’s always too big, goes off the screen and isn’t central (despite me not changing the default position)

                {
                	module: "MMM-ImagesPhotos",
                	position: "middle_center",
                	config: {
                		opacity: 0.9,
                		animationSpeed: 500,
                		updateInterval: 11000,
                		maxWidth:"50%",
                		maxHeight:"70%",
                		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
                	}
                },
                
                S 1 Reply Last reply Reply Quote 0
                • S Offline
                  sdetweil @robertybob
                  last edited by sdetweil

                  @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 Reply Quote 0
                  • R Offline
                    robertybob @sdetweil
                    last edited by robertybob

                    @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 Reply Quote 0
                    • S Offline
                      sdetweil @robertybob
                      last edited by

                      @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 Reply Quote 0
                      • R Offline
                        robertybob @sdetweil
                        last edited by

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