Code Monkey home page Code Monkey logo

Comments (5)

darickc avatar darickc commented on July 29, 2024

It needs to be like this:

imagePaths: ["modules/MMM-BackgroundSlideshow/example1"],

You are missing "modules" in your config.

from mmm-backgroundslideshow.

petitemuse avatar petitemuse commented on July 29, 2024

thank you it is now working! that looks amazing!

Never the less I have 2 questions:
What should I write to have the pictures longer on the screen

and second, and I think it will not be possible: I have a picture that is more on white, I can't see the informations of the weather for exemple. Is there any way to have the modules more clear?

anyway thank you!!

from mmm-backgroundslideshow.

darickc avatar darickc commented on July 29, 2024

You would use slideshowSpeed for them to be longer. It is in milliseconds, so 1000 = 1 second.
You will have to play with the gradient settings to get it how you like. Here is what I have mine at:

gradient: [
'rgba(0, 0, 0, 0.75) 0%',
'rgba(0, 0, 0, 0) 40%',
'rgba(0, 0, 0, 0) 70%',
'rgba(0, 0, 0, 0.75) 100%'
],

One way to see it easier is to set the background to completely white. Then tweak the gradient to your liking.

from mmm-backgroundslideshow.

petitemuse avatar petitemuse commented on July 29, 2024

thank you darickc !!

it did work!

Only: I do not know how to read the radiant bracket:
rgba: red green blue ... what is the a for?

why is there 4 lines and what is the % meaning?

thank you for your patience towards a niewbe!!!

from mmm-backgroundslideshow.

darickc avatar darickc commented on July 29, 2024

a is for Alpha or the opacity. It is decimal value between 0 and 1. 0 is transparent and 1 is opaque. The percent of the four lines refers to the position on the screen. 0% is the top of the screen, 100% is the bottom (if going vertically, there is now an option for the gradient to be horizontal as well). You aren't limited to four lines either. You can have as many as you want. I use four lines to make it easier to read text on the top and bottom of the screen. If you wanted just the top line you could do something like this:
gradient: [
'rgba(0, 0, 0, 0.75) 0%',
'rgba(0, 0, 0, 0) 40%'
],

from mmm-backgroundslideshow.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.