Computer Community

Lösungssuche (neue Beiträge, ungelöst)Kann ich von einer Grafik per HTML nur einen Ausschnitt anzeigen?

0

Frage

Hallo,

ich möchte gerne auf meiner Seite eine Grafik von einer anderen Seite einbinden. Allerdings ist diese ziemlich lang und ich würde gerne nur den oberen Teil haben.

Einbinden ist erlaubt, aber ich bin mir nicht sicher ob runterladen, und auf meinem eigenen Server abspeichern auch erlaubt ist. Deswegen meine Frage: Kann ich die Grafik irgendwie per HTML einbinden, aber so, dass nur der obere Teil zu sehen ist?

Die komplette Grafik verkleinern hab ich schon hinbekommen per <img width="X" ...

Aber leider ist sie immer noch sehr lang und wenn ich sie noch kleiner mache, kann man sicher nichts mehr lesen :(

Achso, hier der Link zur Grafik:

http://www.fewo-direkt.de/info/urlauber/urlaubsideen/insider-reisetipps/urlaub-ferienhaus#Gruppenurlaub

Und ich nutze für meine Seite Wordpress als CMS, falls das relevant ist.

Danke schonmal für eure Hilfe :)

Lösung schreiben
MariaK

Reputation

0

  • Thread ErstellerThread Ersteller
  • 1 Beiträge
  • registriert vor 5 Jahren
+1

Lösung von Tom

Hallo MariaK,

du darfst fremde Grafiken grundsätzlich nicht ohne Erlaubnis einbinden, egal ob du sie auf deinem Server abspeicherst oder nicht. Ich würde daher den Rechte-Inhaber der Grafik auf jeden Fall vorher um Erlaubnis fragen, ansonsten kannst du dir teure Abmahnungen einhandeln.

So, nun zur Lösung deiner eigentlichen Frage:

Es ist möglich, einen Ausschnitt eines Bildes per CSS Styles anzuzeigen. Dazu muss das Bild aber auf deinem Server liegen. Hier ein Beispiel, wie das geht:

<html>
<head>
  <style type="text/css">
   .ausschnitt
   {
    background-image: url(simpsons.jpg); /* gibt die Bilddatei an */
    background-repeat: no-repeat;
    background-position: -50px -60px;  /* verschiebt das Bild um 50px nach links und 60px nach oben (also somit den gezeigten Ausschnitt um 50px nach rechts und 60px nach unten) */
    width: 100px;       /* gezeigter Ausschnitt ist 100px breit */
    height: 100px;       /* gezeigter Ausschnitt ist 100px hoch */
   }
  </style>
</head>
<body>
  <div class="ausschnitt"></div>
</body>
</html>

Empfehlen kann ich das aber nicht, da bei dieser Lösung immer das gesamte Bild und nicht nur der Ausschnitt über das Internet zum Browser übertragen werden muss. Besser wäre es, schlicht und einfach eine eigene Grafikdatei mit dem Ausschnitt zu erstellen.

  • Hat das geholfen?

    Tom 2Tvor 5 Jahren
Tom

Reputation

2.206

  • 1.988 Beiträge
  • registriert vor 12 Jahren
StartseiteLösung schreiben

1 - 2 von 2

Gehe zur Seite

Seite 1 von 1