Modul :: ImageResizeHTML, Version 1.1.2

[kummer]

ich habe für einen kunden ein modul geschrieben, welches bilder, die im online-editor eingepflegt werden auf die masse skaliert, die im online-editor bezeichnet worden sind (width- und height-attributte des image-tags). über die modulkonfiguration können die maximal-dimensionen der bilder bezeichnet werden. die skalierungs-routine verwendet zunächst die bildmasse, die im online-editor gesetzt worden sind. sind diese grösser als die in der modul-konfiguration vorgesehenen bildmasse, werden zweitere verwendet.

nun möchte der kunde nicht alleine für die entwicklungskosten aufkommen, wenn er das modul der community zur verfügung stellt. deshalb die frage: wie gross wäre das interesse an diesem modul und wer wäre bereit, einen entwicklungskostenbeitrag von EUR 20.-- aufzubringen, um das modul der community bereitstellen zu können?

mfg,
andreas

[HerrB]

Wo klingt sich das ein? Ich meine, nach dem Speichern im WYSIWYG oder beim Speichern der Seite?

Gruß
HerrB

[kummer]

Wo klingt sich das ein? Ich meine, nach dem Speichern im WYSIWYG oder beim Speichern der Seite?

der eingegebene code bleibt unverändert. das modul ist ein CMS_HTML-Modul. das heisst, der code wird bei der ausgabe an den browser untersucht, wenn erforderlich werden die bilder skaliert und die bildpfade angepasst.

selbstverständlich könnte man das dann auch gleich so speichern. allerdings gehen dabei natürlich die ursprünglichen bildpfade verloren. ein solches verhalten - schätze ich mal - wäre nicht erwünscht. insbesondere, da es dann kaum mehr möglich wäre, bei neuen bildmassen das originalbild als quelle für die verkleinerten bilder zu verwenden.

da keine zugriffe auf das rdbms erforderlich sind und die zugriffe auf das dateisystem schnell erfolgen, dürfte das ganze die performance wenig beeinflussen.

bilder, die bereits richtig skaliert sind, werden nicht erneut skaliert. einmal skalierte bilder werden in einem verzeichnis gespeichert, das man spezifizieren kann.

[kummer]

mit der firma JetNet Services GmbH haben wir ersten spender gefunden. vielen dank an dieser stelle.

[wosch]

@kummer,
mit dem Modul kann man noch was anstellen.
Das könnte für in der Bildbearbeitung unbedarfte sicher interessant sein.

Ein Bild mit 2, 3, oder mehr MB Auflösung sprengt (unscaliert / unbearbeitet) jedes Layout.
Wenn jemand solche Bilder nicht Nachbearbeiten kann oder will hat er mit deinem Modul ein in Contenido intergriertes Werkzeug die Bilder automatisch auf eine zum Layout passende Größe zu scalieren und kann auf die scalierten Bilder in dem Cache zurückgreifen.

[kummer]

nun, die idee ist eben, dass es keine rolle spielt, ob das bild zu gross ist oder nicht. es wird auf die passenden masse des layouts skaliert. der redaktor merkt davon einigermassen nichts. das heisst: wenn der (oder sie) den artikel bearbeitet, sind immer noch die originalbilder verlinkt.

ich halte das für einen vorteil. weil sonst könnte es geschehen, dass jemand ein bereits skaliertes bild erneut skaliert (noch etwas kleiner). dann leider die bildqualität markant.

idealerweise werden die thumbs nie direkt verwendet. auf diese weise kann man je und je das ganze thumbs-verzeichnis, respektive dessen inhalt löschen und die bilder werden bei bedarf einfach neu erstellt. wenn man bilder direkt aus dem thumb-verzeichnis referenziert, kann man das augenscheinlich nicht mehr.

übrigens: wenn die bilder zu gross sind (mehrere MB), dann wird php schlapp machen. das ist leider unvermeidlich. sonst müsste man imagemagick verwenden. aber das ist leider nicht bei allen hostings verfügbar. also vollkommen unbearbeitet würde ich die bilder auch mit diesem instrument nicht auf dem server haben wollen.

ich würde empfehlen, die bilder ein einer halbwegs vernünftigen grösse hochzuladen. z.b. maximal bildmasse 1000 x 1000 px. das sollte eigentlich noch kein problem machen.

daneben stellt sich - wie eingangs erwähnt - die frage der finanzierung. das modul hat nicht unerheblichen entwicklungsaufwand gekostet. es wäre schön, wenn sich leute finden würden, die sich an den kosten beteiligen.

deshalb nochmal: bitte melden. der spendenbetrag beträgt EUR 20.-- und erlaubt den umgehenden und uneingeschränkten einsatz des moduls. sobald die entwicklungskosten ein bisschen gedeckt sind (50%) erfolgt die publikation hier im forum und auf http://www.editio.ch/

[booker]

Ist soeben gespendet worden , hast du auch noch nen shopmodul was ich fürn nen zwanziger bekommen kann ??

Danke

Booker

[kummer]

Ist soeben gespendet worden , hast du auch noch nen shopmodul was ich fürn nen zwanziger bekommen kann ??

zunächst einmal danke für deinen entwicklungsbeitrag.

es gibt in der tat einen shop. allerdings habe ich diesen für einen kunden erstellt, der die vollen entwicklungskosten übernommen hat. daher is nix für einen zwanziger. der kunde sieht EUR 199.-- vor. und da die installation alles andere als einfach ist, kommt noch was für die installation hinzu. aber melde dich doch, falls du trotzdem interesse haben solltest.

[kummer]

also, die publikation kann erfolgen. das modul kann hier heruntergeladen werden:

http://www.editio.ch/cms/front_content. ... uleView=28

die installation ist einfach:

(1) zunächst im upload-verzeichnis einen order mit der bezeichnung 'thumbs' erstellen (am besten mit der contenido-dateiverwaltung)

(2) die klasse in das include-verzeichnis des mandanten legen.

(3) modul mit input und output anlegen.

(4) im templat einbinden.

noch einige hinweise:

* wenn man mehrere mandanten hat und die klassse nicht mehrmals einpflegen möchte, kann man diese auch in das classes-verzeichnis von contenido legen. der output muss dann natürlich angepasst werden, respektive einfach die include-zeile am anfang.

* wenn man nicht immer konfigurieren möchte, kann man die maximalbildmasse auch direkt im modul anstelle der cms-variablen angeben.

* und last not least: was den index des cms-html betrifft, gilt dasselbe wie beim normalen html-modul: wenn man also mehrere html-bereiche benötigt, muss man das modul einfach mehrmals anlegen mit unterschiedlichen indizes des html-bereiches.

also für eine eins so:

Code: Alles auswählen

<?php

cInclude('frontend', 'includes/atelierq.imageResize.class.inc.php');

$atqImageResize = new atqImageResize("CMS_HTML[1]", "CMS_VALUE[1]", "CMS_VALUE[2]");

if ($contenido && ($view == "edit")) {
	echo "CMS_HTML[1]";
} else {
	echo $atqImageResize->getOutput();
}

?>

und für eine zwei so...

Code: Alles auswählen

<?php

cInclude('frontend', 'includes/atelierq.imageResize.class.inc.php');

$atqImageResize = new atqImageResize("CMS_HTML[2]", "CMS_VALUE[1]", "CMS_VALUE[2]");

if ($contenido && ($view == "edit")) {
	echo "CMS_HTML[2]";
} else {
	echo $atqImageResize->getOutput();
}

?>

und so weiter. aber daran denken: der index ist im output an zwei stellen zu setzen.

[kummer]

vom modul gibt es inzwischen eine weitere version (1.1.2). der download kann hier erfolgen:

http://www.editio.ch/cms/front_content. ... uleView=29

neu hinzugekommen ist die möglichkeit, eine maske für das bild anzugeben (einmal für bilder, die nicht verkleinert werden müssen und einmal für bilder, die verkleinert worden sind). damit ist es nun einerseits möglich, automatisch die bildbeschreibung unterhalb einem bild einzufügen, ohne dass der redaktor etwas dafür tun müsste und andererseits kann z.b. ein popup zur darstellung des originalbildes verwendet werden, ohne dass das gleichzeitig bei einem bild auch gemacht wird, das bereits in originalgrösse ausgegeben wird.

[derSteffen]

Hallo,

ich dachte dieses Klasse Modul würde auch unter ModRewrite laufen, tut es auch, zumindest im Firefox und im Opera-Browser und wo mal wieder nicht?! Im Internet Explorer 7!

Ich habe folgen Output eingesetzt, damit das Modul bei aktiviertem und deaktiviertem ModRewrite (verwende 4.6.15 MR) funktioniert. (Geht bestimmt noch besser zu machen )

Code: Alles auswählen

<?php

if ($contenido && ($view == "edit")) {
	echo "CMS_HTML[1]";
} else if (isset($cfg['mod_rewrite']['use']) && $cfg['mod_rewrite']['use'] == 1 ) {
	$mask[0] = '<div><div><img src="{src}" width="{width}" height="{height}" alt="{alt}" /></div><div>{description}</div></div>';
	$mask[1] = '<div><div><img src="{src}" width="{width}" height="{height}" alt="{alt}" onclick="window.open(\''. $cfg['mod_rewrite']['rootdir'] . 'cms/' .'pictureResized.php?path={origSrc}&title={titleUrl}\',\'\',\'width={origWidth},height={origHeight},left=100,top=100,screenX=100,screenY=100\');" /></div><div>{description}</div></div>';
	
	cInclude('frontend', 'includes/atelierq.imageResize.class.inc.php');
	$atqImageResize = new atqImageResize("CMS_HTML[1]", "CMS_VALUE[1]", "CMS_VALUE[2]", $mask, $db);
	
	echo $atqImageResize->getOutput();
}

else {
	$mask[0] = '<div><div><img src="{src}" width="{width}" height="{height}" alt="{alt}" /></div><div>{description}</div></div>';
	$mask[1] = '<div><div><img src="{src}" width="{width}" height="{height}" alt="{alt}" onclick="window.open(\'pictureResized.php?path={origSrc}&title={titleUrl}\',\'\',\'width={origWidth},height={origHeight},left=100,top=100,screenX=100,screenY=100\');" /></div><div>{description}</div></div>';
	
	cInclude('frontend', 'includes/atelierq.imageResize.class.inc.php');
	$atqImageResize = new atqImageResize("CMS_HTML[1]", "CMS_VALUE[1]", "CMS_VALUE[2]", $mask, $db);
	
	echo $atqImageResize->getOutput();
}

?>

PS: OnClick habe ich in onclick umgeschrieben und & in & wegen der XHTML-Validation.

Danke nochmal für das Modul Andreas.

MfG Steffen

[andreasb]

Super Teil, dass in der Tat mit der Änderung von derSteffen auch im IE7 funkt!

Im Output könnte man doch auch die Lightbox integrieren?

[andreasb]

Funktioniert übrigends einwandfrei mit der Lightbox. So hat man quasi eine "echte" Lightbox mit lediglich einem Bild ohne zusätzliche Verlinkung.

Also, echt ein sehr schönes Teil, Kompliment nochmal!

[kummer]

ich kenne zu meiner schande lightbox gar nicht. kann man sich das irgendwo ansehen?

[derSteffen]

Hallo Andreas,

hier gibt es sowas:
http://www.huddletogether.com/projects/lightbox2/

aber vielleicht erklärt mal andreasb wie er das meint, gemacht hat und vieleicht sogar ein Beispiellink

Würde mich ja interessieren!