Background image resize - Softwareontwikkeling

vrijdag 20 maart 2009 11:19

Acties:

0 Henk 'm!

Verwijderd

Topicstarter

Ik gebruik op mijn website achtergrond afbeeldingen tot max. 3000 x 1600 pixel ongeveer.
Als je de website dan op een lagere resolutie (1280x1024 bijv.) zie je alleen de linkerboven hoek van de afbeelding. Zo mis je dus een heel groot deel van de afbeelding.

Is het mogelijk om een achtergrondafbeelding (van welke grootte dan ook) te resizen naar de grote van het scherm. Zodat iedereen in elke resolutie altijd de hele afbeelding ziet?

Alvast bedankt...

vrijdag 20 maart 2009 11:28

Acties:

0 Henk 'm!

Fietslamp398

punt uit!

Wat je kan doen is dmv javascript (in jQuery kan dit vrij simpel) de resolutie van het scherm van de gebruiker vast te stellen.

Vervolgens add je op basis van deze informatie een bepaalde class aan de <body>. In je css bepaal je dan welke background-image bij welke class hoort.

Signatures zijn voor mietjes!

vrijdag 20 maart 2009 11:42

Acties:

0 Henk 'm!

OkkE

CSS influencer :+

Het is mogelijk om een (background)-image te schalen zodat deze altijd in verhouding is met de gebruikte resolutie ja.

Zoeken naar "resize background image javascript"

“The best way to get the right answer on the Internet is not to ask a question, it's to post the wrong answer.”
QA Engineer walks into a bar. Orders a beer. Orders 0 beers. Orders 999999999 beers. Orders a lizard. Orders -1 beers.

vrijdag 20 maart 2009 11:55

Acties:

0 Henk 'm!

chem

Reist de wereld rond

http://www.w3.org/TR/css3-background/#the-background-size

Klaar voor een nieuwe uitdaging.

vrijdag 20 maart 2009 16:22

Acties:

0 Henk 'm!

mcDavid

Met css is het (nog) niet mogelijk.

De manier die ik het minst lelijk vind, is een inline-afbeelding gebruiken, breedte op 100% zetten, en vervolgens met position:absolute en z-index achter de rest van je site positioneren.

vrijdag 20 maart 2009 17:06

Acties:

0 Henk 'm!

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

Verwijderd schreef op vrijdag 20 maart 2009 @ 11:19:
Ik gebruik op mijn website achtergrond afbeeldingen tot max. 3000 x 1600 pixel ongeveer.

Los van bovenstaande oplossingen of hints: je beseft dat dit not-done is? Tenzij je een grafische showcase of whatever hebt is het niet echt gangbaar om zo'n huge-ass afbeeldingen als achtergrond te gebruiken

Er zijn zeker situaties waarin je het prima kunt toepassen, maar die zijn "zeldzaam"

Doe 't dus niet 'zomaar' effe omdat het er wel leuk uit ziet ofzo.

[ Voor 35% gewijzigd door RobIII op 20-03-2009 17:07 ]

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij

zaterdag 21 maart 2009 15:54

Acties:

0 Henk 'm!

Verwijderd

Topicstarter

RobIII schreef op vrijdag 20 maart 2009 @ 17:06:
[...]

Los van bovenstaande oplossingen of hints: je beseft dat dit not-done is? Tenzij je een grafische showcase of whatever hebt is het niet echt gangbaar om zo'n huge-ass afbeeldingen als achtergrond te gebruiken

Er zijn zeker situaties waarin je het prima kunt toepassen, maar die zijn "zeldzaam" Doe 't dus niet 'zomaar' effe omdat het er wel leuk uit ziet ofzo.

Het is inderdaad voor een showcase maar een de afbeeldingen zijn net 1 MB groot en de meeste mensen hebben inmiddels toch egt wel een dergelijke verbinding dat die afbeelding zo geladen is;) .. en de andere wachten maar ietsjes langer:)

zaterdag 21 maart 2009 16:11

Acties:

0 Henk 'm!

_Thanatos_

Ja, en kaal

en de meeste mensen hebben inmiddels toch egt wel een dergelijke verbinding dat die afbeelding zo geladen is

Ga daar maar niet vanuit

In NL is de breedbandpenetratie verreweg het grootst, maar zelfs hier zijn mensen die geen snelle verbinding hebben. Mensen met een mobiele verbinding, of mensen die een breedbandverbinding hebben die gewoon traag is. En natuurlijk mensen die tegelijk aan het downloaden zijn en zo hun bandbreedte inperken.

日本！🎌