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

Using MMM-Widget for images

Scheduled Pinned Locked Moved Utilities
13 Posts 3 Posters 2.3k Views 3 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.
  • N Offline
    N6NG
    last edited by Oct 29, 2022, 5:55 PM

    How would I use MMM-Widget for adding images like the following to my Magic Mirror?
    href=“https://www.hamqsl.com/solar.html” title=“Click to add Solar-Terrestrial Data to your website!”><img src=“https://www.hamqsl.com/solarmuf.php”

    Thanks
    Dennis

    W 1 Reply Last reply Oct 29, 2022, 6:24 PM Reply Quote 0
    • W Online
      wishmaster270 Module Developer @N6NG
      last edited by wishmaster270 Oct 29, 2022, 6:32 PM Oct 29, 2022, 6:24 PM

      @N6NG Hi,

      I do not know the MMM-Widget module but you could use my MMM-EmbedURL for this job. Simply set the “embedElementType” to “img”.

      The config will look something like:

      {
        module: "MMM-MMM-EmbedURL",
        position: "top_center",
        header: "Embed-URL",
        config: {
          updateInterval: 120,
          embedElementType: "img", 
          embed: [
              "https://www.hamqsl.com/solarmuf.php" 
          ]
        },
      },
      
      N 1 Reply Last reply Oct 29, 2022, 10:56 PM Reply Quote 1
      • N Offline
        N6NG @wishmaster270
        last edited by Oct 29, 2022, 10:56 PM

        @wishmaster270 Thank you… I’ll give it a try…
        Dennis

        N 1 Reply Last reply Oct 31, 2022, 9:55 PM Reply Quote 0
        • N Offline
          N6NG @N6NG
          last edited by N6NG Oct 31, 2022, 9:59 PM Oct 31, 2022, 9:55 PM

          @N6NG
          I put this in my config.js and I get nothing in the bottom_right of my screen. The rest of my MM looks fine… but nothing shows up
          from this module.

          {
          module: “MMM-MMM-EmbedURL”,
          position: “bottom_right”,
          header: “Embed-URL”,
          config: {
          updateInterval: 120,
          embedElementType: “img”,
          embed: [
          “https://www.hamqsl.com/solarmuf.php”
          ]
          },
          },

          Dennis

          W 1 Reply Last reply Nov 1, 2022, 6:40 AM Reply Quote 0
          • W Online
            wishmaster270 Module Developer @N6NG
            last edited by Nov 1, 2022, 6:40 AM

            @N6NG
            Sorry, there was a copy paste mistake in the example. The module name was wrong…

            {
              module: "MMM-EmbedURL",
              position: "top_center",
              header: "Embed-URL",
              config: {
                updateInterval: 120,
                embedElementType: "img", 
                embed: [
                    "https://www.hamqsl.com/solarmuf.php" 
                ]
              },
            },
            
            N 2 Replies Last reply Nov 1, 2022, 8:32 PM Reply Quote 0
            • N Offline
              N6NG @wishmaster270
              last edited by Nov 1, 2022, 8:32 PM

              @wishmaster270 I couldn’t see how that would affect it but it sure did…
              Thank you so much… works fine lasts a long time.
              Dennis N6NG

              S 1 Reply Last reply Nov 1, 2022, 8:46 PM Reply Quote 0
              • S Away
                sdetweil @N6NG
                last edited by Nov 1, 2022, 8:46 PM

                @N6NG MagicMirror uses the module: setting to find the folder and files…

                currently a mispelling is not reported

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                N 1 Reply Last reply Nov 1, 2022, 9:04 PM Reply Quote 0
                • N Offline
                  N6NG @sdetweil
                  last edited by N6NG Nov 1, 2022, 9:05 PM Nov 1, 2022, 9:04 PM

                  @sdetweil That makes sense… It works well now.

                  1 Reply Last reply Reply Quote 0
                  • N Offline
                    N6NG @wishmaster270
                    last edited by Nov 1, 2022, 11:39 PM

                    @wishmaster270 Is their any way to size the img?
                    Dennis

                    W 1 Reply Last reply Nov 2, 2022, 5:23 AM Reply Quote 0
                    • W Online
                      wishmaster270 Module Developer @N6NG
                      last edited by Nov 2, 2022, 5:23 AM

                      @N6NG I put a small section about styling to the readme.
                      It is done via custom.css

                      .embed .embeded {
                          width: 800px;
                          height: 400px;
                      }
                      
                      S 1 Reply Last reply Nov 2, 2022, 11:40 AM Reply Quote 0
                      • 1
                      • 2
                      • 1 / 2
                      1 / 2
                      • First post
                        1/13
                        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