Massenmoderiertes Forum

Ungelöste FrageKann ich von einer Grafik per HTML nur einen Ausschnitt anzeigen?

0

Frage

vor 6 Monaten

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 :)

Antworten
Benutzerbild MariaK

Vertrauen

0%

  • FragestellerFragesteller
1

Antwort

vor 6 Monaten

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 vor 6 Monaten
Benutzerbild Tom

Vertrauen

14%

Copyright © foraplex.com. Alle Rechte vorbehalten.