als mir in diesem forum foundation 5 empfohlen wurde hab ich mir das angeschaut.
mach ich meistes so, wenn oirgendwas empfohlen wird, auch wenn ich mit viel nichts oder noch nichts anfangen kann.
sah erstmal übersichtlich aus, einfach erweiterbar, und da hab ich mir gedacht, fang doch auch mal mit einem cssframework an.
foundation mir require.js einbinden hat auch gut geklappt, da war ich schon fast überzeugt.
dann kam das problem:
um bilder darzustellen sie einzupassen, events auf die parent objecte zu definnieren, dafür nehme ich backbone. damit komme ich auch(?) recht gut klar. folgendes setImageSize() sezt mir auch nett die bildgrösse, wenn vorher das parent ausgemessen wurde, ja geht wesentlich eleganter, seis drum:
unabhängig von foundation.min.css oder foundation.css.
ich kann mir die unterschieden nicht erklären, da ich
1.) nur eine css datei einbinde und
2.) eine einfach zuweisung mache, welche immer klappen sollte.
mache ich ein neues bild
ist es wieder klein.
woran kann sowas liegen?
//Lösung??
nun bin ich vollends verwirrt:
naja, kann mir ja jemn´and erklären, mir reicht es erstmal, dass der müll code so halbwegs functioniert(auf meiner dose wenigstens).
mach ich meistes so, wenn oirgendwas empfohlen wird, auch wenn ich mit viel nichts oder noch nichts anfangen kann.
sah erstmal übersichtlich aus, einfach erweiterbar, und da hab ich mir gedacht, fang doch auch mal mit einem cssframework an.
foundation mir require.js einbinden hat auch gut geklappt, da war ich schon fast überzeugt.
dann kam das problem:
um bilder darzustellen sie einzupassen, events auf die parent objecte zu definnieren, dafür nehme ich backbone. damit komme ich auch(?) recht gut klar. folgendes setImageSize() sezt mir auch nett die bildgrösse, wenn vorher das parent ausgemessen wurde, ja geht wesentlich eleganter, seis drum:
Code:
setImageSize: function() { var canvas = this.canvas; var image = this.img; var relation = (image.width / image.height); if (this.canvas.height === 0){ image.width = canvas.width; image.height = image.width / relation; }else{ canvas.relation = (canvas.width / canvas.height); if ((canvas.relation) < relation) { image.width = canvas.width; image.height = image.width / relation; }else{ image.height = canvas.height; image.width = image.height * relation; } } console.debug(canvas); console.debug({w: image.width, h: image.height, r: relation} ); return this; }
Zitat von console.cdebug(canvas)
Zitat von console.debug{}
1.) nur eine css datei einbinde und
2.) eine einfach zuweisung mache, welche immer klappen sollte.
mache ich ein neues bild
Code:
var i2 = document.createElement('mg'); i2.height = canvas.height; i2.width = img2.height * relation; /* stimmen hier die werte setze ich es an den platz des alten im doom */ this.el.removeChild(this.el.firstChild); //oder this.el.innerHTML=''; //und this.el.apendChild(i2);
woran kann sowas liegen?
//Lösung??
nun bin ich vollends verwirrt:
Code:
// works: image.height = canvas.height; image.width = canvas.height * relation; // do not work with founndation work with nornal css : image.height = canvas.height; image.width = image.height * relation;
Kommentar