Antworten auf deine Fragen:
Neues Thema erstellen

Antworten zum Thema „nivo slider image height“

Waegi

Aktives Mitglied

AW: nivo slider image height

Also du willst dass die ned verkleinert werden, aber trotzdem ne weite von 100% ham, dann ist es aber so, dass die Bilder zwar in der Breite kleiner werden, aber in der Höhe ned und dadurch verziehen, oder willst du dass am Ende dann halt nur nen Bildausschnitt zu sehen ist?

mfg Waegi
 

inetEXT

Mr.Help

AW: nivo slider image height

Ich will das der header 100% ausfüllt die breite soll auch nicht resized werden genau so wie die höhe.

edit : sry was falsch ausgedrückt.
 

Myhar

Hat es drauf

AW: nivo slider image height

Könntest du dich eventuell noch präziser ausdrücken? Du schreibst von einer Größe von 280px, ist das also 280px hoch (und wie breit?) oder 280px breit (und wie hoch?) oder 280px hoch und breit?
Verändert sich jedoch eine Größe, muss sich die andere zwangsweise auch ändern, ansonsten wird ein verzerrtes Bild dargestellt.
 

inetEXT

Mr.Help

AW: nivo slider image height

Die Höhe des Bildes = 280px
Die Höhe des Containers = 280px [Das Bild soll in der Höhe nicht resized werden bei Browser resize]

Die Breite des Bildes = 1530px
Die Breite des Containers = 100% [Das Bild soll in der Breite nicht resized werden bei Browser resize]

HTML:
main.css =
#header {
	position: relative;
	width: 100%;
	min-width: 100%;
	height: 280px;
	min-height: 280px;
	background: #000;
	display: block;
}
nivo-slider.css =
.nivoSlider {
    position:relative;
    background:url(images/loading.gif) no-repeat 50% 50%;
    height:280px;
    width:100%;
}

edit : muss wohl was mit der img verlinkung inerhalb der container sein mit dem resizen
kann ja auch alles im quellcode gesehen werden.
 
Zuletzt bearbeitet:

Myhar

Hat es drauf

AW: nivo slider image height

Wir kommen der Sache also näher. Wenn dein Bild 1530px breit ist und man resized sein Browserfenster auf 1000px, wie soll es dann dargestellt werden? Du schreibst, Höhe und Breite sollen nicht verändert werden, du möchtest also einen horizontalen Scrollbalken haben?
 

inetEXT

Mr.Help

AW: nivo slider image height

ich will kein scrollbalken
und wenn auf z.B. auf 1000px resized wird will ich das die propertionen beibehalten werden
das bild soll also auf 1530px bleiben.
 

Myhar

Hat es drauf

AW: nivo slider image height

Ich glaube, du bist dir nicht im klaren, dass das, was du willst, nicht geht.
Entweder, das Bild behält die Proportionen bei und wird kleiner oder es bleibt so groß wie es ist (1530px) und man bekommt einen Scrollbalken. Beides ist nicht möglich.
Dass es proportional kleiner wird passiert doch jetzt schon?
 

inetEXT

Mr.Help

AW: nivo slider image height

Ok...
Das Bild soll bei seine Propertionen beibehalten
also mit scrollbalken
glaube wird kein scrollbalken bekommen und einfach geschnitten werden an den browser enden. durch das script

edit: grade gesehen das,das gleiche problem auch im Team bereich ist.
mit dem team header
 
Zuletzt bearbeitet:

Myhar

Hat es drauf

AW: nivo slider image height

Mich beschleicht das Gefühlt, dass du nicht weißt, was Proportionen sind. Proportionen sind nur das Verhältnis zweier (oder auch mehrerer) Werte zueinander. Hab ein Bild also die Maße von 1000px mal 200px, so ist ein proportional gleiches Bild zB 500px mal 100px (jeweils die Hälfte)
Mit diesen Infos also nochmal die Frage: Soll es die Proportionen beibehalten (wie du in deinem ersten Satz schreibst) oder einen Scrollbalken bekommen (gleich groß bleiben), wie du in deinem zweiten Satz schreibst oder abgeschnitten werden? Alle 3 Möglichkeiten sind machbar, für eine musst du dich entscheiden.
Ja, wenn ein Bild exakt gleich bleibt behält es auch seine Proportionen bei, aber in dem Fall denke ich, dass du dir trotzdem des Ausdruckes nicht 100%ig bewusst bist.
 

inetEXT

Mr.Help

AW: nivo slider image height

Entschuldige du hast Recht, nur das löst noch nicht das Problem.
Das Bild soll in seiner ursprungs Form bleiben. nicht resized werden.
 
L

Lycanos

Guest

AW: nivo slider image height

kann Dir leider nicht folgen: was willst Du oder was stellst Du Dir vor?
Wenn ich mir Deine Seite (s.o.) anschaue, dann wird der Slider beim Verkleinern nur abgeschnitten, so wie es der Code vorgibt:
<div id="slider" class="nivoSlider"> <img src="*Quelle*" height="280" width="1530" alt="" title="Ablauf:1 - Verlegung"/>
Sieht nicht so toll aus, weil sich das Menü nicht anpasst und auch abgeschnitten wird - also nichts zu erkennen -, scheint aber da zu sein, was Du suchst.
Kann Dir also immernoch nicht folgen :rolleyes:
 

inetEXT

Mr.Help

AW: nivo slider image height

<div id="slider" class="nivoSlider"> <img src="*Quelle*" height="280" width="1530" alt="" title="Ablauf:1 - Verlegung"/>
Erstens:
Das war nur ein Test
Zweitens:
Das Bild skaliert sich ja und past sich an, mach denn Browser ganz klein...
Ich will das die Orginal Bild größe beibehalten wird und einfach geschnitten wird.
... jetzt sollte es aber verständlich sein wenn nicht mach ich eine skizze

Edit bilder :
Wie es aussieht
whatitlookshxxaf.jpg

wie es aussehen sollte
howitshouldlookxlan2.jpg
 
Zuletzt bearbeitet:

ullihantke

B2B Design e.K.

Um es richtig zu verstehen, du willst wenn man den Browser kleiner macht bzw. Die Auflösung anders ist, das dass Bild dann nicht mit schrumpft bzw größer wird. Sondern eben nur der Rest sich anpasst.


Sent from my iPhone using Tapatalk
 

ullihantke

B2B Design e.K.

Jetzt zu deiner Frage. Ich vermute dies müsste als Hintergrundgrafik (CSS) gehen.

background-image:url(Hintergrundgrafik.png);

Wenn ich daheim Teste ich das mal.


Sent from my iPhone using Tapatalk
 

Myhar

Hat es drauf

AW: nivo slider image height

ullihantke, hast du dir sein Problem überhaupt irgendwie angesehen? Für den Nivo Slider muss er die Bilder wohl als img-Tag einbinden und der Slider animiert dann die Bilder.

Nachdem man den slider auf der Seite aber nicht anhalten kann, macht es das sehr schwer, ihn zu debuggen. Generell ist es keine gute Idee, eine sich immer wiederholende Animation abzuspielen, ohne, dass dem Benutzer die Möglichkeit geboten wird, diese zu stoppen. Aber das nur am Rande.
So wie es aussieht macht der Slider die Größenangaben automatisch. Das heißt, du musst das Plugin dahingehend anpassen, dass es das nicht mehr tut. Vielleicht gibt es ja einen Paramter, mit dem du das steuern kannst?
Gestern bin ich nicht mehr dazu gekommen, dir das zu schreiben, aber ich habe mich erst nach meinen zig Fragen ausgekannt,w as du willst. Und es scheint mir, ich war nicht der einzige, der Verständnisprobleme hatte. Falls deutsch also nicht deine Hauptsprache ist, kannst du ja auch versuchen, in englisch zu posten?
 
L

Lycanos

Guest

AW: nivo slider image height

gestern hat die Testseite bei mir so ausgesehen, wie Du es eigentlich haben wolltest - kann aber auch ein Darstellungsfehler bei mir gewesen sein. Egal.

Als eine Möglichkeit würde ich es mit Non-Scrolling versuchen - hier ist eine gute Seite zur Erklärung, kannst Du ja mal so versuchen: http://www.help-guide.de/hh_nonscroll.htm
 

Myhar

Hat es drauf

AW: nivo slider image height

Lycanos, das ist nicht das, was der Threadersteller möchte. Abgesehen davon, dass deine Beispielseite hoffnungslos veraltet ist und ich stark davon abrate, es auch nur in Erwägung zu ziehen, was dort steht. Das ist noch ein Wissen aus dem letzten Jahrtausend.
 

inetEXT

Mr.Help

AW: nivo slider image height

So das Problem liegt im nivo-slider Plugin ...
hab eine Lösung gefunden danke für die Geduld und Aufmerksamkeit.
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
175.189
Beiträge
2.582.077
Mitglieder
67.259
Neuestes Mitglied
SaschMasch1312
Oben