Comments (5)
I'm guessing there is some css with the MMM-carousel module that is setting the background black. If you can open it up in a browser, then you can use the developer tools to inspect the css. Then you can add css to the custom.css file to fix the issue (or ask the carousel developer to fix it).
If you are running it on another computer, you can edit the config.js and remove any values from the address and whitelist options:
address: "", port: 8080, ipWhitelist: []
Then you should be able to open it a browser by typing the the IP address with a : and then the port, which would be 8080 if the same as above. So it would be "http://xxx.xxx.xxx.xxx:8080", the x's being the IP.
Once you are able to open it in a browser, hover over the black part, left click and choose inspect. That will show you all the css for that element, it will be the right pane. And you might have to go up the hierarchy of html to find the right element. You are probably looking for something like "background: black;" or "background: #000;" Once you've found it, it may be a little tricky to add the right code to the custom.css file to fix it if you aren't familiar with css.
I was trying to install the module locally, but am having some errors with MagicMirror. If I can get it working, I'll see if I can replicate it.
from mmm-backgroundslideshow.
Hi
Thanks a lot for the response.
But i don’t really know a lot of CSS so i’m kinda stuck now.
Sorry if i’m being annoying, but i’m a noob a this.
Tomas
from mmm-backgroundslideshow.
What does your config for the carousel look like? I have installed it, but I don't see the dots. Is this the one you have installed? https://github.com/barnabycolby/MMM-Carousel
from mmm-backgroundslideshow.
Hi
You have to install this one https://github.com/shbatm/MMM-Carousel.
This is my carousel config:
{
module: 'MMM-Carousel',
position: 'bottom_bar', // Required only for navigation controls
config: {
transitionInterval: 0,
mode: 'slides',
showPageIndicators: true,
showPageControls: true,
slides: [
['calendar', 'compliments', 'clock', 'alert', 'newsfeed', 'weatherforecast', 'currentweather', 'MMM-WeeklySchedule', 'MMM-BackgroundSlideshow'],
['MMM-OnScreenMenu', 'MMM-AirQuality', 'MMM-BackgroundSlideshow'],
['MMM-iFrame', 'mm-music-player', 'MMM-BackgroundSlideshow'],
['MMM-Remote-Control', 'MMM-RemoteControl-Repository', 'MMM-Admin-Interface', 'MMM-connection-status', 'MMM-NetworkConnection', 'MMM-SystemStats', 'MMM-BackgroundSlideshow']
],
keyBindingsMode: "DEFAULT",
keyBindings: {
NextSlide: "ArrowRight",
PrevSlide: "ArrowLeft",
Slide0: "Home",
}
}
},
from mmm-backgroundslideshow.
Hi
I’m going to uninstall the carrousel module and instead install Hello-Lucy.
You can close this issue.
Thanks for your time!
Tomas
from mmm-backgroundslideshow.
Related Issues (20)
- npm module sharp causes errors HOT 4
- [Raspberry PI 3B] MagicMirror ends after few hours
- Any tip to improve the performance on Raspberry Pi 4B with 4K display? HOT 7
- Can't read folder - blank screen HOT 3
- Photos not being resized HOT 5
- Name of the image without file extension HOT 3
- Any chance of being able to show short video clips? HOT 1
- Stop and Resume slideshow automatically on USER_PRESENCE notification HOT 1
- npm install fails with sharp code 1 on raspberry/debian/x86_64 virtual machine HOT 1
- latest mm fails to start with MMM-BackgroundSlideshow enabled HOT 33
- The package-lock.json file was created with an old version of npm,
- JIMP is missing
- It shows black screen when loading many photos. HOT 1
- make imageInfo less prominent
- ImageInfo shown partially off the screen HOT 3
- Remove just file extensions?
- Using MMM-BackgroundSlideshow with MMM-pages HOT 1
- resizeImages eats RAM HOT 2
- Sending notification to display a single image? HOT 4
- Not Responding to Notifications HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from mmm-backgroundslideshow.