zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Bilder nur bis zu einer gewissen größe Skalieren

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 02.02.2017, 11:40
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.02.2017
Beiträge: 7
moluna befindet sich auf einem aufstrebenden Ast
Standard Bilder nur bis zu einer gewissen größe Skalieren

Hallo,

ich möchte auf unserer Shop Startseite die Banner für die Responsive Ansicht nur bis zu einer gewissen Größe resizen, dort sollen sie "eingefroren" werden und per overflow:hidden quasi links uns rechts beschnitten werden.

so wie es amazon.de auf seiner Startseite auch mit seinen Bannern macht.

unsere Startseite:
https://www.moluna.de/

Die Banner sind also maximal 1920 pixel breit.
wenn sich der Viewport ändert, soll der Banner sich durchaus verkleinern.
aber sind 980pixel erreicht, soll der banner anfangen links und rechts abgeschnitten zu werden.

dh unter 980 pixel sollen die mittleren 980pixel des Banners bleiben und skalieren, aber eben die seitlichen 470px links und rechts abgeschnitten werden.

ich hoffe, ich habe es irgendwie verständlich rüber gebracht.

wie gesagt, bei amazon.de sind die Banner auf der Startseite eben mit genau einer ähnlichen Funktion ausgestattet.
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 02.02.2017, 12:20
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 1.559
cloned ist ein sehr geschätzer Menschcloned ist ein sehr geschätzer Menschcloned ist ein sehr geschätzer Mensch
Standard

Dann musst du max-width auf none setzen und die Breite dann auf deine gewünschte Pixelzahl.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 02.02.2017, 12:44
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.02.2017
Beiträge: 7
moluna befindet sich auf einem aufstrebenden Ast
Standard

hallo,

vielen dank für das schnelle Feedback.

kannst du mir noch einmal genauer helfen.

ich habe ja 2 divs.

gallery
gallery-cell

und dann noch gallery-cell img

was muss nun welchen wert bekommen, dass es einerseits responsive ist, andererseits aber bis 980px abschneidet

danke
Mit Zitat antworten
  #4 (permalink)  
Alt 02.02.2017, 13:05
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 1.559
cloned ist ein sehr geschätzer Menschcloned ist ein sehr geschätzer Menschcloned ist ein sehr geschätzer Mensch
Standard

Da es sich hier um eine kommerzielle Seite handelt mag ich nicht genauer werden, schließlich können diese Seiten es sich hoffentlich leisten fähige Entwickler zu beschäftigen.

Ein Hinweis: Du hast ein Bild. Das Bild wird auf max-width: 100% begrenzt. Das möchtest du ändern. Darauf bezieht sich mein Beitrag. Wie genau du das dann auch zufriedenstellend responsive machst ist wohl Teil des Arbeitsvertrages mit dem Inhaber des Shops.
Mit Zitat antworten
  #5 (permalink)  
Alt 02.02.2017, 13:11
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.02.2017
Beiträge: 7
moluna befindet sich auf einem aufstrebenden Ast
Standard

hallo, danke für das Feedback.

da es mein Shop ist, und selbst viel daran stricke, suche ich eben hier nach Rat.
Wenn du für den Rat bezahlt werden willst, ist das auch kein Problem.

Dann melde dich gerne per PM.

vielen dank schonmal
Mit Zitat antworten
  #6 (permalink)  
Alt 02.02.2017, 14:20
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 1.559
cloned ist ein sehr geschätzer Menschcloned ist ein sehr geschätzer Menschcloned ist ein sehr geschätzer Mensch
Standard

Verzeih wenn meine Antwort mal etwas böse rüber kommt, ich weiß, ich schreibe ab und zu kurz und knapp, was man auch gerne etwas unhöflich interpretieren kann.

Schön, wenn man selber an seiner Seite bastelt.
Um meine Antwort von vorhin anders zu formulieren: Du hast ein img im gallery-cell. Das musst du auf max-width: none setzen (bei deinen gewünschten Screengrößen), damit es sich nicht "mit dem Bildschirm skaliert". Dann noch die gewünschte Breite (1900px) für das Bild bei den gewünschten Größen setzen. Ist es das, was du willst?

Bezüglich Behahlung kann ich mich gerne melden :P
Mit Zitat antworten
  #7 (permalink)  
Alt 02.02.2017, 14:46
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.02.2017
Beiträge: 7
moluna befindet sich auf einem aufstrebenden Ast
Standard

Hallo,

nein, das scheint es nicht ganz zu sein.
Mein Banner ist nun 1920 pixel Breit.
ich will, dass an jederseite maximal 470pixel abgeschnitten/nicht mehr angezeigt werden, wenn das viewport kleiner gezogen wird.

wenn nun 980pixel breite erreicht sind, sollen quasi die mittleren 980 pixel von dem 1920pixel Banner immer die 100% Bildschirm ausfüllen.

ps: gerne per pn mit Preisvorschlag.

Vielen Dank
Mit Zitat antworten
  #8 (permalink)  
Alt 02.02.2017, 15:44
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 1.559
cloned ist ein sehr geschätzer Menschcloned ist ein sehr geschätzer Menschcloned ist ein sehr geschätzer Mensch
Standard

Diese maximal 470px, wie wichtig sind diese? Werden die nachkontrolliert? Also wenn du ejtzt bei 979px Breite bist, wie soll dann der halbe Pixel (den es ja nicht gibt) auf beiden Seiten abgeschnitten werden? Bzw. wie soll das Bild dann dargestellt werden? Und wie bei 600px? Oder möchtest du das Bild dann verkleinert darstellen? Dann reicht vielleicht ein scale() im CSS aus? Aber damit wirst du wahrscheinlich nie auf die exakt 470px kommen (außer mit 100-en Mediaqueries)
Mit Zitat antworten
  #9 (permalink)  
Alt 02.02.2017, 16:49
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.02.2017
Beiträge: 7
moluna befindet sich auf einem aufstrebenden Ast
Standard

die 470 sind nicht wichtig.
es kommt auch nicht auf pixel genau an.

ich will halt bis zu einer gewissen größe die 1920er Banner skalieren.
irgendwann wird die schrift darauf zu klein.
dann zb bei ca 980 pixel breite im viewport, soll dann der rand (alles bis auf ca 980px im inneren) abgeschnitten werden, und ab da, dann der innenteil des banners (ca 980px) weiter runter skalieren.
also unter 980 soll die seite meinen, es gäbe ein 980er bilx was es zu skalieren gibt.
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 03.02.2017, 07:57
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 1.559
cloned ist ein sehr geschätzer Menschcloned ist ein sehr geschätzer Menschcloned ist ein sehr geschätzer Mensch
Standard

Zitat:
Zitat von moluna Beitrag anzeigen
also unter 980 soll die seite meinen, es gäbe ein 980er bilx was es zu skalieren gibt.
So funktioniert CSS nicht, die Seite kann nichts "meinen", du musst definieren wie sich dei 1900px Bild verhalten soll bei kleineren Auflösungen. Mir ist zwar klar, was du meinst und habe dir dafür uach schon einige Lösungsvorschläge geliefert, aber exakt so wie du es gerne hättest wird es nicht genau funktionieren. Wenn du das Verhalten von einem 800px Bild haben musst müsstest du schon das Bild gegen ein anderes austauschen.
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
bilder in div container unten anordnen diegaby CSS 12 17.11.2008 14:08
Bilder - Größe und Breite auch in die CSS Datei stecken? Steakfred CSS 10 09.12.2007 13:39
Texte mit margin:auto - Bilder mit margin:0 AndreasB (X)HTML 11 10.10.2006 13:50
bilder in neuen fenstern bestimmter groesse labeln nicht korrekt earworms Javascript & Ajax 8 30.06.2006 21:20
Bilder (in em) skalieren mit, wie funktionierts ? SolCom (X)HTML 15 17.11.2005 02:55


Alle Zeitangaben in WEZ +2. Es ist jetzt 22:19 Uhr.