... quadratische Vorschaubilder erreichen?

[freakiger]

... quadratische Vorschaubilder erreichen?

• als Plugin?
• als Hack in der cms/Image.php bzw in der zugeörigen cms/conf/gallery.conf ?
• als im Layout definierte Lösung?

bin für alles offen, was hilft
Danke!

[stefanbe]

ist doch ganz einfach lad einfach quadratische bilder hoch dann haste auch quadratische vorschaubilder

gruss stefanbe

[freakiger]

ach nee *Ironie*

die eigentlichen Bilder sind aber nicht quadratisch.

Klar ich kann ja auch via ftp die geschnittenen Vorschaubilder hoch laden, aber das würde nicht im Sinne eines Online-CMS sein.

[hausl78]

Nachdem die Bilder aber nicht gequtescht werden sollen, meinst Du das der "leere" Bereich mit weiß(??) ausgefüllt wird, oder wie?

Beispiel:

Ich habe ein Bild mit 100x80 px und du willst nun ein 100x100 Bild dann sind es ja 2x10 px (oben und unten je 10 px) bei der Höhe die übrig bleiben und dann irgendie "neu dazukommen".

Die werden dann autom. weiß oder transparaent (.png / gif ??) oder wie meist du das genau?

Juergen

[freakiger]

es gibt Bilder in Hoch- und Querformat -klar.
In der Vorschau, sollen sie aber dadurch quadratisch werden, in dem aus der Mitte des Bildes ein Quadrat ausgewählt wird das die "überstehenden" zwei Seiten abschneidet/ausblendet.

eine php Lösung scheint es HIER zu geben "Funktion cube()" (1.Seite ganz unten)

[azett]

Bei der Thumbnail-Klasse steht leider nix zur Lizensierung - das sollte man zunächst beim Autor anfragen. Ist der Quellcode frei, steht einer Umsetzung als moziloCMS-Plugin nix im Weg...nur zu, es ist einfacher, als man denkt

[wasp]

-Der drückt schon länger-
Sorry, aber was spricht gegen die faktische Aussage von stefanbe ?!
Grad als Fotograf legt man doch Wert auf die Bilder ... m.E. auch in der Vorschau.

Meine Meinung:
Bevor ich mir durch ein Script die Bilder beschnippeln lasse, formatiere ich lieber
(via CSS) die Thumbnails neu ...  es sei denn

Deine Bildobjekte liegen als ernstzunehmender Fotokünstler immer (!) in der Mitte
oder
Du schneidest sogar Deine Negative (   joke    )

 

[freakiger]

es geht mir rein um die Vorschaubilder, nicht um das eigentliche Bild

Und bei einer so kleinen Größe, wie Vorschaubilder sie in der Regel haben, ist ihr Inhalt sowieso eher Schemenhaft.
Da leg ich lieber den Fokus auf das Erscheinungsbild der Gesamtseite
- dafür such ich quadratische Vorschaubilder, weil diese (unabhängig von Hoch- o. Querformat der Großansicht) gleich-breite Ränder ermöglichen. ... *nach anschaulichem Beispiel such* ... *gefunden* hier

[wasp]

Ahh, durch Deine Erläuterungen und das Beispiel habe ich
es nun verstanden. Ist schon sehr speziell. Ich würde vermutlich
an der Tabelle für die Darstellung der Vorschaubilder ansetzen.
Sorry, mehr fällt mir im Moment dazu nicht ein.

[hausl78]

Was mir als Work-Around sonst noch einfällt, falls man es "sofort" braucht ...

Die Vorschaubilder selbst (einzeln im Grafikprogramm oder mit Batchmodus (zB IrfanView)) zuschneiden und erstellen und die von mozilo autom erstellen damit überschreiben. Natürlich muss dann der Speicherort und Dateiname etc.. ident sein.

Aufpassen muss man halt (ev. Sicherungskopie der quadrat. Thumbs) weil dann beim upload oder sowas die teilweise neu erzeugt werden.. (müßt im Code nachschauen) und somit die eigenen quadrat. überschrieben werden würden!

LG
Juergen

[m4ddy]

Ich hab das jetzt mal garde mit der Standardgalerie probiert. das hats ganz gut geklappt, indem ich um jedes thumbnail einen div-conti mit quadratischen höhenangaben eingebaut habe, und den überstand abgeschnitten habe:

So sieht das Ganze aus wenns fertig ist:

Code Auswählen Erweitern

$thumbs .= "<div style="height: 100px; width: 100px;overflow:hidden;"><a href="".$specialchars->replaceSpecialChars($dir_gallery_src.$picarray[$i],true)."" style="margin: -50% 0 0 -50%" target="_blank" title="".$language->getLanguageValue1("tooltip_gallery_fullscreen_1", $specialchars->rebuildSpecialChars($picarray[$i],true,true)).""><img src="".$specialchars->replaceSpecialChars($dir_gallery_src.$picarray[$i],true)."" alt="".$specialchars->rebuildSpecialChars($picarray[$i],true,true)."" class="thumbnail" /></a></div><br />"
Dazu müsste folgender Code mit dem obenstehenden ersetzt werden: (bei mir zeile 112 in der /plugins/Galerie/index.php )

Code Auswählen Erweitern

$thumbs .= "<a href="".$specialchars->replaceSpecialChars($dir_gallery_src.$picarray[$i],true)."" target="_blank" title="".$language->getLanguageValue1("tooltip_gallery_fullscreen_1", $specialchars->rebuildSpecialChars($picarray[$i],true,true)).""><img src="".$specialchars->replaceSpecialChars($dir_thumbs_src.$picarray[$i],true)."" alt="".$specialchars->rebuildSpecialChars($picarray[$i],true,true)."" class="thumbnail" /></a><br />";

HINWEIS: Ich weiß jetzt nicht, ob du die gleiche Standardgalerie-Version hast wie ich, bei mir war es Version 0.1. Daher mal keine Garantie, dass mein Code-Element oben funktioniert. Wenn das nicht klappt, kannst du ja selber veruschen, die entsprechende Stelle zu finden. Und die Änderungen dann selber händisch nachrüsten.

Auf jeden Fall funktioniert die Art und Weise so, ist nur eine Frage wo die Ergänzungen hin müssen. Denk aber bitte dran erst ne Sicherheitskopie deines Plugins zu machen, damit du die Änderungen im schlimmsten Fall wieder rückgängig machen kannst.

Die Größe der Vorschaubilder kannst du dann allerdings nur noch in der index.php ändern.
Dazu einfach an dierser Stelle <div style="height: 100px; width: 100px;overflow:hidden;"> die beiden "100" durch die gewünschte Seitenlänge ersetzen.
Was du dann im Mozilo einstellst wird dannn ignoriert. Aber ich schau mal ob ich das später noch ein bisschen besser hinkriege.

Hoffe das hilft dir schonmal weiter.


Gruß
m4ddy

PS: Alle Angaben ohne Gewähr. Wenns Probleme gibt einfach fragen.

[freakiger]

@m4ddy: Danke!
das werde ich mal testen.
(auch wenn es nicht update-sicher ist)
-------
ich wollte es erst rein Layout-seitig beeinflussten, aber da der Link zu Großansicht keine Klasse hat und darüber die "gallerytd"-Klasse von einem style mit width-Angabe überschrieben wird...

--> vllt kann es ja im nächsten Galerie-update berücksichtigt werden: ein wenig mehr Klassen für zusätzliche CSS-Angaben durchs Layout/Template.

[stefanbe]

oder du fügst in der style.css das ein

Code Auswählen Erweitern

.gallerytd a {
    display:block;
    height: 100px;
    width: 100px;
    overflow:hidden;
}gruss stefanbe

[wasp]

Der Mann -über mir- schreib was ich denke...
wasp-statement, some lines ago ::

Ich würde vermutlich an der Tabelle für die Darstellung der Vorschaubilder ansetzen. Sorry, mehr fällt mir im Moment dazu nicht ein.

Und dann genau DAS (siehe oben).. genial!