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
  #11 (permalink)  
Alt 03.02.2017, 13:33
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.02.2017
Beiträge: 7
moluna befindet sich auf einem aufstrebenden Ast
Standard

prima, das ist ein passender ansatz, vielen dank für deine Mühe.

nu muss ich aber noch einiges ändern und kann damit zumindest für einige devices arbeiten.
Mit Zitat antworten
Sponsored Links
  #12 (permalink)  
Alt 03.02.2017, 15:33
Benutzerbild von etux
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 17.09.2007
Ort: Berlin
Beiträge: 643
etux wird schon bald berühmt werden
Standard

Ich habe die Beiträge nur schnell überflogen, denke aber, Du möchtest etwas in der Richtung:
HTML-Code:
<!doctype html>
<meta charset="utf-8">
<title>molina :: xhtmlforum.de</title>
<style>
.gallerysl-cell a { display: block; text-align: center; overflow: hidden; }
.gallerysl-cell img { width: 100%; min-width: 980px; height: auto; margin: 0 -400%; }
</style>
<div class='gallerysl-cell'>
	<a href="#">
		<img src="https://www.moluna.de/images/banners/Banner-Moluna_Angebot_lang.png" alt="Unser Tipp für Sie" title=" Unser Tipp für Sie " width="1921" height="301" />
	</a>
</div>
Es spricht aber nichts gegen die "srcset"-Lösung.
Nehme ich auch gerne, vor allem bei TYPO3 Sites.

EDIT: Sehe gerade, so was ähnliches hatten wir schon:
http://xhtmlforum.de/73099-bild-zusc...nert-wird.html
.
__________________
Grüße: Emil
--------------------------------------
https://emil-webdesign.net/

Geändert von etux (03.02.2017 um 15:35 Uhr)
Mit Zitat antworten
Sponsored Links
  #13 (permalink)  
Alt 03.02.2017, 16:12
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.02.2017
Beiträge: 7
moluna befindet sich auf einem aufstrebenden Ast
Standard

danke für die Antwort.
in deinem Beispiel sieht das schon echt gut aus.

in meinem Code funktioniert es noch nicht so ganz, weil er mir das bild mit dem margin komplett aus dem sichtbaren weghaut

aber ich teste, danke für die andere option
Mit Zitat antworten
  #14 (permalink)  
Alt 03.02.2017, 17:10
Benutzerbild von etux
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 17.09.2007
Ort: Berlin
Beiträge: 643
etux wird schon bald berühmt werden
Standard

Zitat:
Zitat von moluna Beitrag anzeigen
... in meinem Code funktioniert es noch nicht so ganz, weil er mir das bild mit dem margin komplett aus dem sichtbaren weghaut ...
In meinem Beispiel ist die "display"-Eigenschaft für das Bild überflüssig, da der Initialwert eh "inline-block" lautet.
Auf Deiner Site sind aber die Slider-Bilder mit "display: block;" formatiert. Das müsstest Du in "inline-block" ändern. Sonst funktioniert auch die Zentrierung des Bildes nicht. Siehe:
.gallerysl-cell a { text-align: center; }

Die Höhe des Sliders wird per JavaScript an Hand der Bilder-Höhe berechnet.
Das schaut nicht besonders toll bei bestimmten Browser-Breiten. Läst sich aber bestimmt im JavaScript regeln

.
__________________
Grüße: Emil
--------------------------------------
https://emil-webdesign.net/
Mit Zitat antworten
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 15:08
Bilder - Größe und Breite auch in die CSS Datei stecken? Steakfred CSS 10 09.12.2007 14:39
Texte mit margin:auto - Bilder mit margin:0 AndreasB (X)HTML 11 10.10.2006 14:50
bilder in neuen fenstern bestimmter groesse labeln nicht korrekt earworms Javascript & Ajax 8 30.06.2006 22:20
Bilder (in em) skalieren mit, wie funktionierts ? SolCom (X)HTML 15 17.11.2005 03:55


Alle Zeitangaben in WEZ +2. Es ist jetzt 13:42 Uhr.