Image resizer

[dosonaro]

Hallo,

ich benötige ich eine art image resizer plugin, welches die bildgröße jenach auflösung der größe nach anpasst.

es muss nicht spezifisch das bild sein, es könnte auch für ein div element funktionieren.

gibt es hier evtl. eine lösung ? google hat mir bisher leider nichts ausgespuckt.

 

[Chriss1987]

AW: Image resizer

Hi,

1.) um welche Sprache geht es hier?
2.) hast du schon Lösungsversuche unternommen, die über das Füttern von google hinausgehen?
3.) hier geht es weniger um fertige Lösungen, als mehr um Hilfestellung bei Lösungsansätzen!
4.) wenn du eine Fertige Lösung haben möchtest, kann ich dir, bzw. viele andere hier ein Angebot schreiben, aber das gehört vielmehr in einen anderen Bereich, als in dieses Unterforum...
5.) Lösungsansätze:
-

Bitte kostenlos registrieren, damit du die Links siehst.

-

Bitte kostenlos registrieren, damit du die Links siehst.

-

Bitte kostenlos registrieren, damit du die Links siehst.

Wenn man was mit

Bitte kostenlos registrieren, damit du die Links siehst.

füttert, wird auch

Bitte kostenlos registrieren, damit du die Links siehst.

ausgespuckt...

HTH
Schöne Grüße aus dem Sauerland!
Chriss

 

[dosonaro]

AW: Image resizer

Hi,

1.) um welche Sprache geht es hier?
2.) hast du schon Lösungsversuche unternommen, die über das Füttern von google hinausgehen?
3.) hier geht es weniger um fertige Lösungen, als mehr um Hilfestellung bei Lösungsansätzen!
4.) wenn du eine Fertige Lösung haben möchtest, kann ich dir, bzw. viele andere hier ein Angebot schreiben, aber das gehört vielmehr in einen anderen Bereich, als in dieses Unterforum...
5.) Lösungsansätze:
-

Bitte kostenlos registrieren, damit du die Links siehst.

-

Bitte kostenlos registrieren, damit du die Links siehst.

-

Bitte kostenlos registrieren, damit du die Links siehst.

Wenn man was mit

Bitte kostenlos registrieren, damit du die Links siehst.

füttert, wird auch

Bitte kostenlos registrieren, damit du die Links siehst.

ausgespuckt...

HTH
Schöne Grüße aus dem Sauerland!
Chriss

1) Ich denke mal Javascript sollte die richtige Sprache sein.
2) Aus meinem Beitrag ist zu entnehmen, dass ich Mr Google gefragt habe
3) Ich bin für jeden Ansatz dankbar !
4) Ich bin hier nicht in der Jobbörse, dass weiss ich selber !
5) Ich habe dieses Forum gefüttert.

 

[mindraper]

AW: Image resizer

hi.

hm, evtl. ne dumme frage am rande, aber schonmal an CSS gedacht?

<div class="image_holder">
<img class="holded_image" src="der/pfad/zum/bild.jpg" alt="">
</div>

css:
div.image_holder {
width: sobreitwiesseinsollp%;
height: sohochwiesseinsoll%;
}

img.holded_image {
width: 100%;
height: 100%;
}

falls du was anderes willst als die angezeigte größe ändern: php. mit js geht da soweit ich weiß nix, was du nich auch mit css hinbekommen würdest. außer natürlich, du willst das umgebende div je nach seitenverhältnis des bildes ebenfalls anpassen, so dass dein bild definitiv nie verzerrt. könnte man im zweifelsfall aber ebenfalls via css faken.

gruß

 

[dosonaro]

AW: Image resizer

via css funktioniert es nicht ganz sowie es sein soll.

das div wo das image enthalten ist müsste die breiten angabe direkt als <div style="width: ... "> haben. Und diese breite variiert ebend, sobald man das Fenster kleiner/größer macht.

Das geht ja soweit ich gesehen habe per jquery. Allerdings finde ich dort nirgends ein Plugin oder einen Ansatz.

 

[Myhar]

AW: Image resizer

Bitte kostenlos registrieren, damit du die Links siehst.

 

[mindraper]

AW: Image resizer

hi.

also, wenn es "nur" das ist was du haben willst:


dann brauchst du dafür definitiv weder vanilla-js, noch jquery oder sonstige plugins. und die größenangabe steht definitiv nicht im div-tag drinne. außerdem: über js könntest du doch ebenfalls "nur" entweder das css manipulieren oder die width-/height-attribute im img-tag.

die resize()-methode von jquery hilft dir da insofern auch nicht groß weiter, weil sie ja nix weiter macht, als einen eventlistener zu registrieren, der abgefeuert wird, wenn sich die fenstergröße ändert.
dynamische größen in css ( also in % oder em ) tun das auch ohne eventlistener.

andere sache wäre, falls du mit fixen größen arbeitest. dann hilft dir resize() definitiv, weil du jedesmal beim aufrufen des eventhandlers die fenstergröße abfragst und dann im verhältnis auf deine bilder überträgst.

also:

$(function(){

var $_win = $( window ),
$_images = $( '.image_holder' );

var resize_fn = function( obj ){
var x = $_win.width(),
y = $_win.height(),
factor = 4;

var w = ( x / factor ) + 'px',
h = ( y / factor ) + 'px';

obj.each(function(){
$(this).css({
width : w,
height : h
});
});
}

$_win.resize(function(){
resize_fn( $_images );
});

});

dafür braucht's aber kein plug.

hoffe das hilft.

gruß

 

[dosonaro]

AW: Image resizer

Von Javascript verstehe ich leider nicht allzuviel. Vielen Dank aber schon einmal für deine Antwort.

Das heisst ich müsste nun jedes Bild das die Größe ändern soll, die CSS Class image_holder geben ?

Hier habe ich einmal ein Beispiel:

Bitte kostenlos registrieren, damit du die Links siehst.

Hier wird die Größe des DIV Elements geändert.

 

[mindraper]

AW: Image resizer

hello again

soweit ich das jetz im schnellüberblick gesehen habe, ist das auf der von dir verlinkten seite so. allerdings gilt es zu bedenken, dass der betreiber hier 2 bilder nebeneinander hat, um eine quadratische grundform zu bekommen. damit wird vermieden, ein nicht-quadratisches format wie 4:3, 16:9, etc. als grundform zu haben und probleme wg. der breiten/höhen-anpassung zu bekommen.

bei meinem beispiel wird die breite des div-containers immer auf 1/4 der fensterbreite gesetzt. bedeutet, das umgebende div müsste im class-attribute "image_holder" haben. die darin liegenden bilder hätten per css eine width von 100%.

gruß