Ankündigung

Einklappen
Keine Ankündigung bisher.

Bilder beschneiden / Nur Ausschnitt von einen Bild anzeigen ??

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

    Bilder beschneiden / Nur Ausschnitt von einen Bild anzeigen ??

    Hallo,
    ich möchte ein Bild (in meinem Fall ein animiertes GIF eines Regenradars) in der Visu einbinden.
    Das funktioniert mit dem Visuelement Bild-URL/Webseite soweit super.

    Die Darstellung möchte ich optimieren und nur ein Ausschnitt des Bildes benötige.
    Ist es z.B. möglich per CSS eine zu bestimmende Pixel-Anzahl je Rand (Oben, Unten Links, Rechts) auch in Edomi abzuschneiden?

    Hatte folgendes probiert....

    http://www.professorweb.de/css/bilde...schneiden.html

    habe es aber leider mit dem Visuelement Bild-URL/Webseite nicht hinbekommen...

    Hat jemand vielleicht eine Lösung/idee für mich?

    Danke,
    Burzel

    Zuletzt geändert von Burzel; 23.08.2018, 17:48.

    #2
    Hi Burzel,

    versuch mal folgendes:

    HTML-Code:
    <div Style="width:200px;height:300px;zoom:150%;overflow:hidden;">
       <img Style="margin-left:-120px; margin-top:-310px;"" src="http://www.dwd.de/DWD/wetter/radar/radfilm_brd_akt.gif" alt="Radarfilm">
    </div>
    (ist der Ausschnitt aus einem DWD Radarfilm - müsste aber das Prinzip erklären)

    Gruss

    Marc

    Kommentar


      #3
      Hi MSW
      danke für deine Nachricht.
      Im Grunde zeigt dein Beispiel genau mein Vorhaben. Nur wie bekomme ich den HTML-Code so in Edomi eingebaut, dass es auch in der Visu funktioniert?

      Habe das nicht mit dem Visuelement "Bild-URL/Webseite" hinbekommen.
      Muss ich da evtl. ein anderes Visuelement benutzen?

      Dankeschön!

      Burzel



      Kommentar


        #4
        habs bei mir in einem Universalelement in der "Beschreibung"....

        Kommentar


          #5
          MSW

          Danke. Das teste ich morgen mal aus.
          Burzel

          Kommentar


            #6
            MSW: Supppiiii
            Genau was ich gebraucht habe! Und was am besten ist. Man kann das Bild bereits im Designer sehen und die Attribute anpassen, ohne das Projekt zu aktivieren.... Besser gehts nicht.

            Danke!


            Burzel

            Kommentar


              #7
              Hallo,

              Ich habe das gerade versucht nachzustellen. Habe den Code
              HTML-Code:
              <div Style="width:200px;height:300px;zoom:150%;overflow :hidden;"> <img Style="margin-left:-120px; margin-top:-310px;"" src="http://www.dwd.de/DWD/wetter/radar/radfilm_brd_akt.gif" alt="Radarfilm"> </div>
              in ein Univeralelement bei Beschriftung eingefügt. In der Vorschau sehe ich das "Bild", wenn ich dann aber das Projekt neu aktiviere kommt nichts bei mir auf der Anzeige :-( habe ich noch was vergessen !?

              Gruß Mat
              www.smart-mf.de | KNX-Klingel | GardenControl | OpenKNX-Wiki

              Kommentar


                #8
                Hi Mat,

                hab den code mal eben in Visual Code eingegeben und auf ne "nomale" html gepack. Funktioniert. Wobei das 2. " nach margin-top da eigentlich nichts zu suchen hat.

                Erstell mal testweise eine "test.html" auf dem Edomiserver im Verzeichnis www mit folgendem Inhalt:
                HTML-Code:
                <!DOCTYPE html>
                <html>
                <head>
                </head>
                <body>
                <div Style="width:200px;height:300px;zoom:150%;overflow :hidden;">
                <img Style="margin-left:-120px; margin-top:-310px;" src="http://www.dwd.de/DWD/wetter/radar/radfilm_brd_akt.gif" alt="Radarfilm">
                </div>
                </body>
                </html>
                Alternativ mal lokal gespeichertes Bild nehmen - Hat der Edomiserver www-Zugriff?

                Gruss

                Marc

                Kommentar

                Lädt...
                X