|
|||
Bild skalieren
Hallo zusammen
Ich habe ein Problem, nämlich möchte ich ein Bild auf eine Fläche (div tag) - sozusagen im vollbild - skalieren, jedoch ohne dass dieses verzerrt wird. Schlussendlich sollte es aussehen wie bei 500px. Ich habe mir zwar den Quellencode angeschaut und gegooglet, jedoch nichts gefunden, wahrscheinlich aufgrund falscher suchstrategie... Jedenfalls wäre ich für jegliche Hilfe sehr dankbar! (Auch Stichwörter für Google sind willkommen) Mfg |
Sponsored Links |
|
|||
Du zeigst keinen Link zu deiner Seite, was du bis jetzt hast.
Du zeigst auch keinen Code. Du sagst auch nicht ob das Bild dann rauf- oder runterskaliert werden soll, noch ob es sich um ein IMG-Element oder ein Hintergrundbild handelt. Wie gross ist das Ursprungsbild? Mit anderen Worten, da man nur raten aber nicht wirklich Tipps geben.
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..." Aus einem Forum. |
|
|||
Mache so was mit einem Bildverarbeitungsprogramm. Das sieht sonst nicht gut aus. Ansonsten wird so was auch mit PHP gemacht auf dem Server.
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..." Aus einem Forum. |
|
|||
Wie soll ich das in einem Bildprogramm machen? Ich will nur dass das bild immer den grossteil des browserfensters ausfüllt, genau wie bei 500px, nur weiss ich nicht wie ich das anstellen soll.
Ich kann natürlich sachen wie Code:
#id { width:100%; height:auto; } Ich will nur erreichen dass das Bild so skaliert wird, dass es ein div tag (100% breite und ca 90% der höhe) immer ausfüllt, egal wie gross das browserfenster ist. |
|
|||
Habe doch noch eine weitere Frage.
Ich möchte aus 10 Bildern ein zufälliges Bild als Hintergrund bis jetzt habe ich: HTML-Code:
<html> <head> <title></title> <?php $anzahl = 10; $num = rand($anzahl); $bg = .$num.".jpg"; ?> <style type="text/css"> html { background-size: cover !important; -webkit-background-size: cover; -o-background-size: cover; -khtml-background-size: cover; -ms-background-size: cover; background: #F4F4F4 url(<?php echo $bg; ?>) no-repeat center center fixed; } </style> </head> <body> </body> </html> Was muss ich ändern? Vielen Dank für Hilfe! |
Sponsored Links |
|
|||
Du benutzt die Funktion rand() falsch. Rand erwartet 2 Parameter.
Siehe PHP: rand - Manual PHP-Code:
Du solltest dein Error-reporting einschalten, damit dir die Fehler auch angezeigt werden. Dazu schreibst du an den Anfang der PHP-Datei: PHP-Code:
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..." Aus einem Forum. |
Sponsored Links |
Stichwörter |
500px, bild, css, responsive design, skalieren |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Bild soll mit skalieren zu div | julthetool | CSS | 4 | 30.08.2012 21:58 |
bild skalieren und positionieren | Mischka | CSS | 1 | 23.03.2012 13:19 |
Onmouseover-Effekt - Wenn Maus auf Bild1 soll Bild 2 zu Bild 3 wechseln. | Andreas91 | Grafik, Design, Typografie | 1 | 06.09.2011 23:41 |
Bild auf maximklae Größe skalieren | deepy | CSS | 1 | 13.04.2010 13:44 |
PHP & GDLIB : bild skalieren mit max width | tichy | Serveradministration und serverseitige Scripte | 1 | 16.02.2009 19:54 |