PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : Hintergrundbild an Fenstergröße anpassen - Wie ?


King Rollo
2002-04-11, 15:28:46
Salem alaikum!

Der Frage ist ja wohl nüschts hinzuzufügen !

MfG
KKR

outlaw_wolf
2002-04-11, 18:48:07
Willst Du, daß ein Bild durch zusammenschieben des Explorerfensters die Größe ändert oder hast Du an was anderes gedacht?

King Rollo
2002-04-11, 23:02:27
Salem alaikum!

Yo, haargenau das meine ich! Endlich mal jemand der mich versteht!

Und, wie funzt das jetzt?
Es gibt Leute, die behaupten stock und steif, daß es unmöglich sei, aber ich hatte es schon mal, aber weis nicht mehr wie! War irgendwas mit absoluter Positionierung des Bildes oder so!

MfG
KKR

outlaw_wolf
2002-04-12, 14:09:08
Sie haben Recht.
Es ist leider nicht möglich.

King Rollo
2002-04-12, 14:45:44
Originally posted by outlaw_wolf
Sie haben Recht.
Es ist leider nicht möglich.

Salem alaikum!

Ich fass es nicht! Nicht du auch noch!

Zur Erklärung: ich habe es bereits gesehen und gemacht! Ich hatte damals die Frage genauso gestellt und promt kamen mehrere Antworten, mit denen es funktionierte! Das Hintergrundbild bzw. Bild mit Text davor hat sich an die Größe des Fensters angepasst! Und damals hatte ich nur eine URL als Quellenangabe für das Bild, und es hat trotzdem gefunzt (wenn es lokal vorgelegen hätte wäre es noch einfacher gewesen)!
Ich versteh die Welt nicht mehr...

MfG
KKR

outlaw_wolf
2002-04-12, 15:01:53
Meinst Du sowas wie bla..../images/bild.jpg?
Das wird vom IE automatisch angepasst.
Isat allerdings kein Hintergrundbild.

King Rollo
2002-04-12, 15:52:28
Originally posted by outlaw_wolf
Meinst Du sowas wie bla..../images/bild.jpg?
Das wird vom IE automatisch angepasst.
Isat allerdings kein Hintergrundbild.

Salem alaikum!

War jetzt nicht dein Ernst oder?
Erstens weis ich das, zweitens gab es zu der Zeit wo ich das schon mal hatte noch keinen IE 6.x, drittens steckt er das Bild nicht komplett auf Fenstergröße und viertens ist es eben wie du schon sagtest kein Hintergrundbild!

MfG
KKR

outlaw_wolf
2002-04-12, 16:32:00
Tit mir lied, aber manche wissen es nicht. ;)

barracuda
2002-04-13, 01:28:07
Poste mal die URL wo das funktioniert. Dann schau ich mir mal den Quelltext an und gucke mal wie das läuft.

King Rollo
2002-04-13, 10:52:16
Originally posted by barracuda
Poste mal die URL wo das funktioniert. Dann schau ich mir mal den Quelltext an und gucke mal wie das läuft.

Salema alaikum!

'Tschuldigung, ich versteh die Frage nicht!
Was für eine URL? Wenn ich die URL hätte, wo es funzt, dann würde hier im Forum nicht meine Frage stehen, sondern ich hätte schon längst den Quelltext rauskopiert und bei mir eingebaut! Oder hab ich jetzt was falsch verstanden?

MfG
KKR

Susi
2002-04-13, 12:03:26
Vielleicht haben die, oder wer auch immer ne Auflösungserkennung eingebaut.

monstar-x
2002-04-13, 18:51:47
ich teste es mal es geht schon nur wie, evtl wird das kein html sein sondern mehr JS oder gar JA .
aber mit html ist das glaub ich unmöglich.

greetings
monstar-x

crazydead
2002-04-14, 19:40:22
könnte man das nicht php realisieren ?
also über JS die fenstermaße auslesen und dann über die php gd libary das bild verkleinern bzw. vergrößern
so würd ich das machen, aber keine ahnung ob das funzt :P

Matthias2x
2002-04-15, 10:33:50
Prinzipiell kann man ein Bild schon mit der Fenstergröße skalieren lassen, jedenfalls mit JS, das du notfalls auch in den PHP Quelltext einbinden kannst. Doch der Sinn bleibt allerdings fraglich, weil das Bild dann fast nie in Originalgröße dargestellt wird und somit verzerrt ist. Ob das Beispiel mit dem Body-Tag funzt wies ich allerdings nicht, denn da werden ja für das Bild keine Breiten- bzw. Höhenangaben gesetzt. Wahrscheinlich mußt du dann mit Ebenen arbeiten damit das Bild als Hintergrund dargestellt wird.
Ich habe mir mal ein Script auf SELFHTML hergenommen und entspr. angepasst:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>
<title>Bildgröße ändern</title>
<script type="text/javascript">
<!--

function Fensterweite()
{
if (window.innerWidth) return window.innerWidth;
else if (document.body && document.body.offsetWidth) return document.body.offsetWidth;
else return 0;
}

function Fensterhoehe()
{
if (window.innerHeight) return window.innerWidth;
else if (document.body && document.body.offsetHeight) return document.body.offsetHeight;
else return 0;
}

/*Überwachung von Netscape initialisieren*/
if(!window.alteWeite && window.innerWidth)
{
window.onresize = neuAufbau;
Weite = Fensterweite();
Hoehe = Fensterhoehe();
}

function neuAufbau()
{
if (Weite != Fensterweite() || Hoehe != Fensterhoehe())
window.history.go(0);
}

//-->
</script>
</head>
<body marginheight="0" marginwidth="0" topmargin="0" leftmargin="0">
<script type="text/javascript">
<!--
/*Überwachung von MS Internet Explorer initialisieren*/
if(!window.Weite && document.body && document.body.offsetWidth)
{
window.onresize = neuAufbau;
Weite = Fensterweite() -50;
Hoehe = Fensterhoehe() -50;
}
//-->
</script>
<script language="Javascript">
<!--
document.write("<img src=dein Bild hier width= "+Weite +" height= "+Hoehe +">");

//-->
</script>

</body></html>


oder schau mal das Beispiel hier an -> Link (http://nprojekt.de/bsp.htm)
NS 6.2 macht aber mit dem Script Probleme, er stellt die Höhe nicht korrekt dar.

mfg Matthias

King Rollo
2002-04-15, 11:08:21
Salem alaikum!

Da staunt der Laie und der Fachman wundert sich! Es funktioniert! Ich weis ja gar nicht was ich sagen soll! Tausend Dank! Ich bin restlos begeistert! Aber heute darfst du dich HTML&JS-Gott nennen! ;-)

MfG
KKR

Matthias2x
2002-04-15, 11:17:32
keine Ursache :D , allerdings das Script stammt ja nicht von mir, habs nur entspr. angepasst...

monstar-x
2002-04-16, 00:08:16
Sagte doch das es mit JS geht hast aber verschissen wenn die User kein JS nutzten :D

teste es mal ohne JS.

Machbar ist alles aber nur mit einschränkungen.
Und du wirst es kaum glauben aber sehr viele benutzten kein JS.
greetings
monstar-x

King Rollo
2002-04-16, 08:47:47
Originally posted by monstar-x
Sagte doch das es mit JS geht hast aber verschissen wenn die User kein JS nutzten :D

teste es mal ohne JS.

Machbar ist alles aber nur mit einschränkungen.
Und du wirst es kaum glauben aber sehr viele benutzten kein JS.
greetings
monstar-x

Salem alaikum!

Yo, das hab ich auch schon gemerkt! Deshalb steht auch auf der Startseite, daß es für maximalen optischen Genuß aktiviert sein sollte! Ich mag nun mal grafische Leckerbissen und neckische Spielereien! Ist halt nur Scheiße, daß das einem durch die Negativ-Ausnutzung dieser Möglichkeiten kaputt gemacht wird!
Mal schaun, wie es ohne JS läuft...

MfG
KKR

monstar-x
2002-04-16, 14:20:19
Wieso machste es nicht in flash das geht eh viel besser ;)

greetz

cgimda
2006-08-03, 19:27:11
Der Quelltext von Matthias2x ist wirklich nicht sehr sinnvoll. Das Bild in den Quelltext hat nichts mit einem Hintergrundbild zutun, denn es ist ein normales Bild in einen <img>-Tag. Und das hätte man auch einfach so lösen können, damit es sich an die Größe des Browsers anpasst:
<img src="Bild.jpg" width="100%" height="100%">:eek:

DanMan
2006-08-05, 16:21:36
Der Quelltext von Matthias2x ist wirklich nicht sehr sinnvoll. Das Bild in den Quelltext hat nichts mit einem Hintergrundbild zutun, denn es ist ein normales Bild in einen <img>-Tag. Und das hätte man auch einfach so lösen können, damit es sich an die Größe des Browsers anpasst:
<img src="Bild.jpg" width="100%" height="100%">:eek:
Rüschtüsch! (http://cssplay.co.uk/layouts/background.html) Nur find ich es in der Tat sinnvoll. Warum soll man das nicht so machen? Mal davon abgesehen, dass es, je nach Bild, den Browser sehr in die Knie zwingt.

cgimda
2006-08-09, 21:44:47
@DanMan

Ich finde man sollte es nicht so machen, wie in den Quelltext von Matthias2x, weil es total umständlich ist. Mit der Angabe 100% ist es doch wesentlich einfacher. Also warum sollte man erst ein großes JavaScript schreiben, welches die 100% simuliert?
In deinen Beispiel DanMan ist es ja auch einfach mit 100% gelöst wurden.

DanMan
2006-08-13, 16:50:04
@DanMan

Ich finde man sollte es nicht so machen, wie in den Quelltext von Matthias2x, weil es total umständlich ist. Mit der Angabe 100% ist es doch wesentlich einfacher. Also warum sollte man erst ein großes JavaScript schreiben, welches die 100% simuliert?
In deinen Beispiel DanMan ist es ja auch einfach mit 100% gelöst wurden.
Ok, da haben wir uns ein wenig missverstanden. Ich finde auch das von Matthias2x überflüssig, und die Lösung von dir bzw. von der Seite, die ich verlinkt hab, zweckdienlicher, weil nur CSS benötigt wird.

cgimda
2006-08-16, 10:03:06
@DanMan.
Sorry, dass ich dich falsch verstanden hatte, aber jetzt ist bei mir alles klar.