Slider oben mit veränderten Bildern

[htcmodified]

Hallo Zusammen,

wir möchten gerne bei uns im Webshop auf der Startseite sich verändernde Bilder haben.

Wir haben den NivoSlider eingebaut und auch einige Standardbilder hinterlegt. Diese müssen jeweils mit bild_1, bild_2 benannt werden, so dass diese auch in die Slidershow mit einbezogen werden.

Nun habe ich es soweit ändern können, dass einfach Bilder in ein bestimmtes Verzeichniss reingelegt werden, und diese auch gleich genutzt werden. Das Problem an der Sache ist, sobald die Bilder nicht die selbe Auflösungen haben wie die Sliderbox ruinieren sie die Startseite indem der ganze Content nach unten verschoben wird.

Kann ich mit xtc und php die bilder so bearbeiten dass sobald neue im Ordner hinterlegt werden, diese zurecht geschnitten werden? Ansonsten müsste vor jedem upload von neuen Bildern diese erst manuell zurecht geschnitten werden

Vielleicht weiss der ein oder andere ja von xtc oder php funktionen die das können.

liebe grüsse

Linkback: https://www.modified-shop.org/forum/index.php?topic=27360.0

[noRiddle (revilonetz)]

Das kann keine Software, worher soll die denn wissen wie und wo sie abschneiden soll ?
Das hängt doch vom Seitenverhältnis des Bildes ab.
Ist das Seitenverhältnis der Original-Bilder immer gleich, kann man mithilfe einer Erweiterung die Bilder durch den Imageprozessor des Shops laufen lassen um sie autom. auf das gewünschte Maß zu verkleinern.

Übrigens habe ich für den Nivo ein Admininterface wo man die Bilder hochladen und auch die Texte editieren kann, den könnte man auf Imageprocessing umbauen (bei Interesse PM).

Gruß,
noRiddle

[htcmodified]

Hallo noRiddle,

erst mal vielen Dank für die Antwort

Die Quellbilder haben verschiedene Auflösungen. Die sollen einfach auf eine Größe eingestellt werden (z.b. 200x200). Also das Bild soll halt wenn größer verkleinert werden

Der einfachste Weg wäre die Bilder per FTP hochzuladen (auch mehrere). Der Server prüft dann per PHP auf neue Bilder und schneidet sie wenn nötig auf die Auflösung (entweder per PHP Funktion oder xtc seitige)

Es soll halt möglich sein mehrere Bilder auf einmal - ohne diese vorher bearbeiten zu müssen - auszutauschen

Kann man denn mit deinem Admininterface gleich mehrere Bilder zum hochladen auswählen und oder auch mehrere gleichzeitig löschen?

gruss
htcmodified

edit: Eventuell kann man auch die Bildgröße per CSS/HTML anpassen. Ich hatte diverse Tags versucht, leider wurden immer nur Ausschnitte angezeigt und das Bild nicht insgesamt verkleinert/vergrößert

[noRiddle (revilonetz)]

Hast du genau gelesen was ich geschrieben habe ?
Wenn die Bilder verschiedene Seitenverhältnisse haben
- also z.B. eines 1400 x 1600, das andere 1200 x 1600 -
dann kann das kein Programm ohne gleichzeitig am Bild etwas abzuschneiden (und wo soll es abschneiden ?).
Das bedeutet, daß die Bilder, auch wenn sie beim Hochladen durch einen Imageprocessor laufen würden, alle das gleiche Seitenverhältnis haben müssen.
Seitenverhältnis = Breite/Höhe oder umgekehrt, also nicht zwingend gleiche Pixel-Maße aber eben gleiches Seitenverhältnis.

Mein Admininterface lädt jedes Bild einzeln hoch da dort auch evtl. anzuzeigende Overlay-Texte je Bild editiert werden können.
Benötigt man keine Texte, könnte man das Modul auch umschreiben und einfach
- wie bei den Artikelbildern -
mehrere Uploadfelder unter- oder nebeneinander anlegen und könnte mehrere Bilder gleichzeitig uploaden.
Wenn die allerdings durch einen Prozessor laufen ist das nicht empfehlenswert, man sollte sie dann schon einzeln hochladen.

Mit CSS die Bilder auf ein bestimmtes Maß zu zwingen geht, ist aber ebenfalls nicht empfehlenswert.

• müssten auch in dem Fall alle Bilder das gleiche Seitenverhältnis haben damit sie nachher nicht verzerrt dargestellt werden und
• ist das eine schlechte Praxis bzgl. Ladezeiten da der Browser Riesenbilder laden muß und diese dann noch down-scalen muß.

Fazit:
Man kommt eigtl. nicht darum herum Bilder für einen Slider vorher im Grafikprogramm zu editieren.

Die Tatsache, daß es beim Upload von Artikelbildern (je nach Template) nicht nötig ist die Bilder vorher zu editieren liegt daran, daß man im Imageprozessor max-width und max-height eingibt und keine Absolutwerte,
ein Bild also evtl. zwar nachher immer die gleiche Breite hat, nicht aber zwingend die gleiche Höhe.

Gruß,
noRiddle