✔ Teil eines Images anzeigen

gordonk

gordonk

Erfahrenes Mitglied
Morgen,

ich bin auf der Suche nach einer Lösung um einen bestimmten Teil eines Images auf der Webseite anzuzeigen.
Das ganze habe ich auf google.de entdeckt, dieses Image beinhaltet mehrere Teile die scheinbar im einzelnen angezeigt werden können.
Ist das mit CSS zu realisieren?

mfg
 
Also du willst zb nur einen Pfeil oder so von dieser Grafik anzeigen lassen?
Versteh den Sinn nicht! Warum schneidest du diesen nicht aus und verwendest ihn so?
 
ganz einfach der vorteil liegt darin das nur eine grafik geladen werden muss. Es wird dabei aber nur ein Teil der Grafik mit CSS angezeigt
Die Technik selber kenn ich leider auch noch nicht bin also auch gespannt auf Antworten!
 
Ne kann man sich nicht, erklär doch mal wie du das brauchst und wofür...
Ausserdem hab ich gefragt? - Hättest einfach erklären können:
"Ich mach das darum weil das..." - Besser, leichter was weiß ich ist.
 
Habe das Ganze jetzt so gelöst bekommen:

CSS: 
div.cropme img {
  position: absolute;
  clip: rect(24px 250px 10px auto);
  top: -5px;
}
HTML: 
<div class='cropme'>
<img src="imageurl" width="276" height="110">
</div>
 
Hi,

deine eingangs verlinkte Grafik dürfte vielmehr als Hintergrundbild in Verbindung mit "CSS Sprites" zum Einsatz kommen.

Wir wenden hier im Forum auch diese Technik an:
... aber alles ohne clip :-)

In diesem Fall ist background-position die Eigenschaft der Wahl, um den gewünschten Bildausschnitt im Anzeigebereich des Elements darzustellen.

mfg Maik
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück