mpNivoSlider: Nivo Slider Image-Gallery Modul

[bladi]

Hallo xmurrrix

Danke für deine Antwort. Ich komme der Sache nicht auf die Schliche, die Pfade scheinen I.O. zu sein. Ich gebe zu das ich eine vielleicht ein bisschen verdrehte Contenido Einrichtung habe und da Probleme mit Pfaden ein bisschen vorprogramiert sind . Dennoch verwundert es mich, dass es im Editmode einwandfrei klappt und im Ausgabemod gar nichts angezeigt wird. Ich denke es kann nicht schaden wenn ich dir die URL poste http://www.ruedi-blattmann.com vielleicht kannst du was sehen.

Danke für deine Hilfe
bladi

[xmurrix]

Hallo bladi,

du musst schon dafür sorgen, dass im Frontend jQuery geladen wird. Im head-Bereich deines Layout sollte folgende Zeile sein:

Code: Alles auswählen

<script src="js/nivo-slider/jquery.nivo.slider.pack.js" type="text/javascript"></script>

Der Nivo Slider braucht jQuery. jQuery ist im CONTENIDO-Backend vorhanden, daher hat die Galerie auch im Editmode funktioniert. Im Frontend gibt es kein jQuery, daher gibt es auch keine Galerie...

Gruß
xmurrix

[bladi]

Hallo xmurrix

Das habe ich nun eingebaut im Head, der Slider wird so aber irgendwie nicht geladen... hmmm

Grüsse und danke für deine Hilfe.

Grüsse
bladi

[xmurrix]

Sorry, mein fehler...

Du must natürlich jQuery vorher einbinden, die "js/nivo-slider/jquery.nivo.slider.pack.js" ist ja der Nivo Slider selber, vorher sollte jQuery eingebunden werden

Code: Alles auswählen

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js" type="text/javascript"></script>
<script src="js/nivo-slider/jquery.nivo.slider.pack.js" type="text/javascript"></script>

[bladi]

Hallo xmurrix

Danke für deine rasche Hilfe zu dem coolen Modul. Dieser Input von dir hat gezündet und nun läuft es wie es muss, herzlichen Dank .

Ich wünsche dir eine gute Zeit.

Grüsse aus der Schweiz
bladi

[Balian]

Hallo und guten Morgen,

zunächst mal Dankeschön für dieses Modul! Allerdings funktioniert bei mir die Darstellung nicht ganz so, wie das wohl sein sollte. Weiß nicht, ob der Fehler nur bei mir liegt oder allgemein am Modul. Es geht um die automatische Skalierung der Bilder in eine bestimmte Höhe. Die Skalierung auf eine bestimmte vorgegebene Breite funktioniert fehlerlos, nur bei der Höhe klappt das nicht. Wenn ich im Backend im Modul unter "Max height of the images:" einen Wert eintrage, dann wird der auch für den div-Container "modMpNivoSlider" übernommen, aber das Bild selber wird immer auf die Originalgröße Skaliert (css-Klasse nivo-main-image). Ist das Problem bekannt?

sommerliche Grüße
Balian

[marcus.gnass_4fb]

Da hat sich tatsächlich ein Bug eingeschlichen.

In der Datei cms/includes/class.module.mpnivoslider.output.php kannst du als Fix die Zeile 442 durch folgendes ersetzen:

Code: Alles auswählen

if (is_numeric($maxWidth) || is_numeric($maxHeight)) {

Und Zeilen 448-452 durch dieses ersetzen:

Code: Alles auswählen

$downsizeFactor = 1;
if (0 < $maxWidth && $maxWidth < $size[0]) {
    $downsizeFactor = min($downsizeFactor, $maxWidth / $size[0]);
}
if (0 < $maxHeight && $maxHeight < $size[1]) {
    $downsizeFactor = min($downsizeFactor, $maxHeight / $size[1]);
}

Das sollte helfen.

[Balian]

Da hat sich tatsächlich ein Bug eingeschlichen.

In der Datei cms/includes/class.module.mpnivoslider.output.php kannst du als Fix die Zeile 442 durch folgendes ersetzen:

Code: Alles auswählen

if (is_numeric($maxWidth) || is_numeric($maxHeight)) {

Und Zeilen 448-452 durch dieses ersetzen:

Code: Alles auswählen

$downsizeFactor = 1;
if (0 < $maxWidth && $maxWidth < $size[0]) {
    $downsizeFactor = min($downsizeFactor, $maxWidth / $size[0]);
}
if (0 < $maxHeight && $maxHeight < $size[1]) {
    $downsizeFactor = min($downsizeFactor, $maxHeight / $size[1]);
}

Das sollte helfen.

Hallo,

erst mal vielen Dank für die Mühen! Ich habe das genauso umgesetzt, aber das Problem konnte ich damit nicht beheben.

sommerliche Grüße
Balian

P.S. @Contenido-Team/Moderatoren: den Account "Balian2" könnt ihr löschen. Ich hatte die Zugangsdaten leider nur im Büro und hatte daher von zuhause aus einen neuen Account erstellt (also keine böse Absicht )

[marcus.gnass_4fb]

Hast du beide Stellen gefixed? Ich hab mal meine Version angehängt.

[Balian]

Hallo,

jap, beide Stellen mit den genannten Codes ersetzt.

Ergänzung: ich habe jetzt mal die hier angehängte Version verwendet und vorher Cache geleert. Leider keine Änderung bei der Bildgrößenberechnung.

Gruß
Balian

[xmurrix]

Hallo Balian,

kannst du mir bitte die Originalmaße (Breite und Höhe in Pixel) der Bilder und die Einstellungen des Moduls geben, ich schaue mir das mal an.

Gruß
xmurrix

[Balian]

Hallo Balian,

kannst du mir bitte die Originalmaße (Breite und Höhe in Pixel) der Bilder und die Einstellungen des Moduls geben, ich schaue mir das mal an.

Gruß
xmurrix

Hallo xmurrix,

also die Bilder habe im Original im Moment immer dieselbe Breite von 550px. Die Höhe variiert. Jetzt wünscht sich die Kundin, dass die Höhe der Bilder immer exakt gleich ist und sich die Breite eben automatisch anpasst (natürlich kann ich hingehen und die Bilder über eine Stapelverarbeitung alle in eine bestimmte Höhe bringen, aber die Kundin will die Bilder evtl. auch mal einzeln irgendwo in einem Artikel verwenden und da soll die Breite exakt 550px betragen und wir wollen daher doppelte Bilder vermeiden. Und wenn das nur ein paar Bilder wären, okay, aber es geht hier um über 300 Bilder...).

Die (relevanten) Einstellungen im Modul:

Max number of images: (kein Wert eingetragen)
(Leave this empty to use all images within selected directory)

Max width of the images: 550 pixel
Max height of the images: 200 pixel (das wird später ein höherer Wert, die 200px sind nur zum testen)

Quality of the images: 100 %

Max cache duration for the images: minutes (kein Wert eingetragen)
(Is valid for images being downscaled. Leave it empty for unlimited caching.)

Order of Nivo Slider images: id ascending

JavaScript settings for jQuery Nivo Slider plug-in

Effect: random
Number of slices: 15
Number of columns: 8
Number of rows: 4
Speed of the animations: 500 milliseconds
Time between slides: 5000 milliseconds
Start position: 0 (index)
Navigation: aktiviert
Extended navigation (Control Nav): nicht aktiviert
Stop at mouseover: aktiviert
Manual transitions: nicht aktiviert

JavaScript code for Nivo Slider events: nichts eingetragen

Gruß
Balian

[xmurrix]

Hallo Balian,

habe gerade die Funktion, die die Größen ermittelt durchgetestet, sehe da keine Probleme.

Ausgangswerte waren folgende:

Code: Alles auswählen

maximale breite x höhe: 550 x 200

Hier die Ergebnisse mit diversen Größen (original = die Ausgangsmaße, neu = die ermittelten neuen Maße):

Code: Alles auswählen

breite x höhe original: 550 x 800
breite x höhe neu:      138 x 200

breite x höhe original: 550 x 200
breite x höhe neu:      550 x 550

breite x höhe original: 550 x 120
breite x höhe neu:      550 x 120

breite x höhe original: 800 x 1200
breite x höhe neu:      133 x 200

breite x höhe original: 300 x 1000
breite x höhe neu:       60 x 200

Sehe da keine Fehler bei der Berechnung der neuen Werte.

Hast du auch wirklich den Cache des Mandanten geleert, also alle Bilder im Verzeichnis cms/cache/ gelöscht?

In der readme.txt ist ein Vermerk darüber, dass die Proportionen (4:3 oder 16:9, oder ähnlich) der Bilder gleichermaßen sein sollten, ansonsten können Bilder entstehen, die nicht den kompletten Slide ausfüllen, was dann unschön sein kann.

Gruß
xmurrix

[Balian]

Hallo xmurrix,

also ich bin noch mal alles durchgegangen, ja, den Cache hatte ich gelöscht. Ich hab mir jetzt mal die Grafiken erneut angesehen und siehe da: die Berechnung funktioniert. Ich hatte den einen kleinen Zusatz bei der Grafik-Info nicht gleich gesehen: die Bilder werden jetzt auf eine Breite von 550px hochskaliert. Ich muss mal checken, ob ich in einer CSS-Datei was umgestellt hatte.

Update: ich habe die ursprünglichen CSS-Dateien hochgeladen, aber es bleibt beim Problem. Also: Bilderberechnung funktioniert, allerdings wird das kleine Bild auf die Breite des Div-Containers hochskaliert.

Gruß
Balian

[xmurrix]

[quote="Balian"...Bilderberechnung funktioniert, allerdings wird das kleine Bild auf die Breite des Div-Containers hochskaliert...[/quote]

Hallo Balian,

danke für den Hinweis, kleinere Bilder werden hochskaliert, was aber nicht sein sollte.

Öffne die Datei "cms/includes/class.module.mpnivoslider.output.php" und ändere die Zeilen 448 - 456 von

Code: Alles auswählen

            if ($size[0] / $size[1] > $maxWidth / $maxHeight) {
                $downsizeFactor = $maxWidth / $size[0];
            } else {
                $downsizeFactor = $maxHeight / $size[1];
            }

            // calculate dimensions
            $maxWidth = round($size[0] * $downsizeFactor);
            $maxHeight = round($size[1] * $downsizeFactor);

in

Code: Alles auswählen

            if ($size[0] / $size[1] > $maxWidth / $maxHeight) {
                $downsizeFactor = $maxWidth / $size[0];
            } else {
                $downsizeFactor = $maxHeight / $size[1];
            }

            if ($downsizeFactor > 1) {
                $downsizeFactor = 1;
            }

            // calculate dimensions
            $maxWidth = round($size[0] * $downsizeFactor);
            $maxHeight = round($size[1] * $downsizeFactor);

Die Variable $downsizeFactor darf nicht den Wert > 1 haben, da sonst hochskaliert wird.

Gruß
xmurrix