Ansicht / Bildgröße im Nivo Slider

[milena]

Hallo,
hab den Nivo Slider erfolgreich eingebaut und wollte, nachdem ich das gleiche Problem habe dieses hier aus der Anleitung machen:

"Nun sollte der Slider schon ganz gut funktionieren. Bis hier hatte ich lediglich noch das Problem, dass der Slider seine Größe beim Übergang änderte und das alte Bild beim Übergang leicht gestaucht wurde.
Um das zu beheben, folgenden Code in /templates/DeinTemplate/css/nivo-slider.css direkt nach dem Copyright-Hinweis hinzufügen:"

Code: PHP  [Auswählen]

#slider{
        height: 246px; /* Make sure your images are the same size */
        width: 618px; /* Make sure your images are the same size */  
}
.slider-wrapper {
        width: 618px; /* Make sure your images are the same size */
}

Das hab ich gemacht,  (mit der exakten Pixelgröße meiner Bilder) das Problem besteht aber immer noch, obwohl alle Bilder die gleiche Größe haben, werden sie beim Übergang gestaucht oder vergrößert. In welcher Zeile genau muß ich das einfügen, oder muß man noch in einer anderen Datei etwas ändern?
Gruß milena

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

[jannemann]

Hallo milena,

hast du mal einen Link zu deinem Shop wo man sich das näher anschauen kann?

Schöne Grüße,
Jan

[milena]

Hallo,
der Shop ist noch nicht online, ich bastle noch und versuche gerade  ein neues Modul (versandkostenfreie Artikel) einzubauen, aber hier der entsprechende Ausschnitt aus der Datei nivo-slider.css, wo ich das o.g. eingefügt habe:

Code: PHP  [Auswählen]

/*
 * jQuery Nivo Slider v3.2
 * http://nivo.dev7studios.com
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
#slider{
        height: 320px; /* Make sure your images are the same size */
        width: 530px; /* Make sure your images are the same size */  
}
.slider-wrapper {
        width: 530px; /* Make sure your images are the same size */
}
/* The Nivo Slider styles */

.nivoSlider {
        position:middle;
        width:100%;
        height:auto;
        overflow: hidden;

vielleicht ist es nur an der falschen Stelle drin ??
Gruß milena

[jannemann]

Was passiert denn, wenn du den Code am Ende der stylesheet.css aus dem Template Ordner einfügst?

[milena]

Danke für den Tipp, werde ich morgen testen, für heute ist Feierabend!!

[milena]

Hallo,
habe es eben getestet, den Code in die Stylesheet.css eingefügt, tut sich garnichts, gleiches Problem wie vorher.
Hat keiner eine Idee? Sieht total blöd aus, wenn sich jedes Bild beim Überblenden vergrößert oder schrumpft??

[noRiddle (revilonetz)]

Ohne Code zu kennen (oder zumindest einen Link zur Begutachtung zu erhalten) läßt sich da nicht viel zu sagen.
Ich würde aber mit gewisser Überzeugung, daß diese der Grund ist behaupten, daß die Bilddimensionen der hochgeladenen Bilder nicht den Dimensionen des Nivo-Slider-Containers entsprechen.
Die implementierten Bilder müssen

• alle gleich breit sein
• alle gleich hoch sein
• den Dimensionen die durch den umgebenden Container bestimmt werden entsprechen

Oft sieht man, daß dem Nivoslider kein umgebender Container mit fixen Breitenmaßen gegeben wurde.

All das Genannte dürfte der Grund für die Darstellungsprobleme sein.

Gruß,
noRiddle

P.S.
Von mir gibt's übrigens 'ne Nivo-Variante mit Admin-Interface auf Basis von Hetfields Slider.
Im Falle eines Falles: PM

[milena]

Hallo noRiddle,
durch Deine Antwort hab ich den Fehler gefunden, die Bilder waren tatsächlich nicht alle gleich groß, sondern zwei davon waren kleiner als die angegebenen Pixel im Slider. 
Manchmal hängt das Brett schon sehr fest vor dem Kopf.
Gruß und ein schönes Wochenende,
milena