[GELÖST] Bild oben abschneiden, nicht unten

[mikdoe]

Frage zu folgendem Fiddle: Edit fiddle - JSFiddle

Ich muss das ganze mit JS realisieren. Wie schreibt man die CSS Zeile .img img in JS?

 

[TecEye]

Edit fiddle - JSFiddle

Ist zwar Jquery, aber ich benutze für alles Jquery

 

[mikdoe]

Ne, ich brauch das bitte einzeln. Mein div hat nämlich schon Eigenschaften und eine CSS Class will ich dafür nicht erstellen, weil ich dem div ohnehin schon haufenweise Auszeichnungen gebe die aber nicht fest stehen sondern im JS erst berechnet werden.

Im Moment hab ich es so:

// Image komplett außer .src
balken_img.style.position = 'relative';
balken_img.style.overflow = 'hidden';
balken_img.style.height = '140px';
// div nur ausschnittsweise, der Rest sind Position, Hintergrundfarbe, Größe usw.
balken_div.style.bottom = '0px';
balken_div.style.overflow = 'hidden';
balken_div.style.cursor = 'pointer';
balken_div.style.position = 'absolute';

Im Moment staucht er es klein bis es rein passt. Schneidet aber nichts ab.
Welchem Element fehlt jetzt noch welche Eigenschaft?

 

[mikdoe]

Passt noch nicht so ganz:
Edit fiddle - JSFiddle

 

[TecEye]

Edit fiddle - JSFiddle

 

[mikdoe]

Jetzt hab ich wieder so verflochtene Dinge wie div.div div
Das bringt mich vom Regen in die Traufe.

Bitte trag mir die Attribute mal nur links unten im JS Kästchen ein, nichts im CSS Kästchen: Edit fiddle - JSFiddle
Danke dir

 

[j-l-n]

background: url("http://mikdoe.host-ed.me/test_hochkant.png") left bottom no-repeat; does the trick: crop image if higher than 30px - JSFiddle

 

[mikdoe]

Geht, Danke dir !!!

 

[j-l-n]

Geht, Danke dir !!!

Bitte - gerne.