Javascript | JQuery | Wie kann ich ein Bild damit "zuschneiden"?

...komplette Frage anzeigen

2 Antworten

JavaScript brauchst du dafür nicht:

html

<span class="dein-icon"></span>

css

.dein-icon {
display: inline-block;
background-image: url("icon.png");
background-position: -20px -40px;
width: 20px;
height: 10px;
}
Antwort bewerten Vielen Dank für Deine Bewertung
Kommentar von Rindula
08.07.2016, 01:42

Genau... so war das... Ich denk auch immer zu kompliziert, Danke sehr ^^

0

Hi,
hier ein Anstoß in die richtige Richtung.
Zuerst ein Div wie folgt erstellen,

<div id="current_icon" class="icons" style="background-position:20px 40px;"></div>

in der CSS folgendes,

.icons{width:20px; height:10px; line-height:10px; vertical-align:middle; background:url(/style/images/smile/smile.png);}

die URL in Background einfach anpassen.
Jetzt sollte zumindest das Icon welches Du angegeben hast angezeigt werden.

Alle weiteren Icons kannst Du dann mit mit der CSS KLasse von jQuery anhand der ID im Div anzeigen lassen.
http://api.jquery.com/css/ das ist dann alles nur noch Mathematik =)

Gruß: Holger

Antwort bewerten Vielen Dank für Deine Bewertung

Was möchtest Du wissen?