[html] full size image - Softwareontwikkeling

dinsdag 22 juni 2004 08:45

Acties:

Topicstarter

Ik heb een plaatje met een width:height verhouding van ongeveer 4:3 en ik wil dit zo groot mogelijk in een frame weergeven. Nu kan ik wel de aan de <IMG tag een WIDTH=100% meegeven, maar dat werkt dan alleen als de ruimte in dat frame ook 4:3 of 4:x (met x > 3) is. Als iemand het bekijkt en die heeft z'n browser net wat anders dat er 4:2 ruimte over is, valt de onderkant van het plaatje weg... Nu kan ik wel altijd HEIGHT=100% weergeven, maar dan heb je hetzelfde probleem, maar dan met de zijkant van de foto ipv van de onderkant.

Als je allebei HEIGHT en WIDTH op 100% zet gaat je aspect ratio eraan. Is er een manier om altijd de MIN(WIDTH=100%,HEIGHT=100%) te kiezen, zodat het plaatje altijd zo groot mogelijk in de frame, maar wel met de goede aspect ratio staat?

Javascript, scrollbars, Flash en dergelijk zijn lelijk voor dit projectje, ik wil het graag met HTML doen als dat mogelijk is...

[ Voor 6% gewijzigd door Semyon op 22-06-2004 08:51 ]

Only when it is dark enough, can you see the stars

dinsdag 22 juni 2004 08:47

Acties:

Willem

De image in Flash zetten die de Flashmovie op 100% neerplempen is een optie.

Motor (of auto) onderhoud bijhouden

woensdag 23 juni 2004 07:57

Acties:

Semyon

Topicstarter

As iemand weet dat het niet kan zou ik die informatie ook kunnen gebruiken, dan houd ik op met zoeken...

Only when it is dark enough, can you see the stars

woensdag 23 juni 2004 08:00

Acties:

Fl4sh3r

Ik heb dit probleem ook ooit gehad, maar nooit een oplossing gevonden.

De oplossing van willem169 is er natuurlijk wel één.

woensdag 23 juni 2004 08:34

Acties:

elTigro

Es un Gringo!

En als je nou is een absolute waarde gebruikt ipv 100% dus WIDTH="4" en HEIGTH="3" (zo klopt in ieder geval je aspect ratio nog

)

Lazlo's Chinese Relativity Axiom:No matter how great your triumphs or how tragic your defeats --approximately one billion Chinese couldn't care less.

woensdag 23 juni 2004 08:39

Acties:

Canard

ik heb eens even nagedacht maar om dit te kunnen doen in HTML heb je de de breedte en hoogte nodig van het zichtbare gedeelte van het browserwindow. De breedte kun je wel ophalen maar de hoogte niet.

Met Flash kom je er volgens mij ook niet mee want dan moet je je Flash window zo groot zijn als het browserwindow van de gebruiker. Dit kan dus bij elke gebruiker anders zijn.
Daarnaast moet je dan ook het zichtbare gedeelte van het browserwindow weten.

woensdag 23 juni 2004 08:51

Acties:

Semyon

Topicstarter

BK1 schreef op 23 juni 2004 @ 08:34:
En als je nou is een absolute waarde gebruikt ipv 100% dus WIDTH="4" en HEIGTH="3" (zo klopt in ieder geval je aspect ratio nog )

Ja in dat geval ik heb ik wel een aspect ratio, maar geen plaatje meer... En als je het groter maakt gaat het er of uitvallen bij de gebruiken of het is niet maximaal uitgezoomd...

Canard schreef op 23 juni 2004 @ 08:39:
ik heb eens even nagedacht maar om dit te kunnen doen in HTML heb je de de breedte en hoogte nodig van het zichtbare gedeelte van het browserwindow. De breedte kun je wel ophalen maar de hoogte niet.

Bedoeling is eigenlijk dat ik het niet doe/opvraag, maar de browser... Als ik bijvoorbeeld <IMG HEIGHT=100% ...> doe, dan komt het precies goed... De browser weet dus blijkbaar heus wel hoe hoog het is... Wil alleen dat ie even op basis van de aspect ratio een afweging maakt tussen WIDTH=100% of HEIGHT=100%
Maar 'k krijg het idee dat zoiets simpels te ingewikkeld is voor onze moderne browsers

(Flash is sowieso geen optie... in het ergste geval maar scrollbartjes dan al vind ik dat heel lelijk...)

Only when it is dark enough, can you see the stars

woensdag 23 juni 2004 09:03

Acties:

Canard

Bedoeling is eigenlijk dat ik het niet doe/opvraag, maar de browser...

Dat snap ik... maar jij bent degene die de html-pagina maakt.

Als ik bijvoorbeeld <IMG HEIGHT=100% ...> doe, dan komt het precies goed... De browser weet dus blijkbaar heus wel hoe hoog het is... Wil alleen dat ie even op basis van de aspect ratio een afweging maakt tussen WIDTH=100% of HEIGHT=100%
Maar 'k krijg het idee dat zoiets simpels te ingewikkeld is voor onze moderne browsers

(Flash is sowieso geen optie... in het ergste geval maar scrollbartjes dan al vind ik dat heel lelijk...)

Dit soort dingen zul je echt moeten scripten, alleen is er het probleempje dat je de hoogte van het scherm niet kunt bepalen m.b.v. javascript.
Enigzins vreemd vind ik overigens.

woensdag 23 juni 2004 09:45

Acties:

BalusC

Carpe diem

Met Javascript kan het makkelijk met document.body.clientWidth en clientHeight.

Java:

<html>

<head><title>Test</title></head>

<body onResize="window.location.href = window.location.href;">

<script>
var imgl="http://www.tweakers.net/ext/f/17351/full.jpg";
var scrw=document.body.clientWidth;
var scrh=document.body.clientHeight;

if(scrw*3<scrh*4){
  var imgw=scrw-20;
  var imgh=(scrw*3)/4-20;
}
else {
  var imgw=(scrh*4)/3-20;
  var imgh=scrh-20;
}

document.write('<img src="'+imgl+'" border="0" width="'+imgw+'" height="'+imgh+'">');
</script>

</body>

</html>

Dat -20 heb ik aan de berekeningen toegevoegd, omdat het in IE6 anders te groot wordt dat het achter de scrollbalken verwijdert

Werkt hier in zowel IE6 als FF.9

woensdag 23 juni 2004 09:53

Acties:

Canard

De bovenstaande oplossing werkt overigens niet als je een doctype opgeeft in de pagina...

zie hier voor meer info: http://www.quirksmode.org/js/doctypes.html

woensdag 23 juni 2004 09:56

Acties:

BalusC

Carpe diem

Dat is dan vaag, met de standaarddoctype

code:

1	<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

werkt het hier tevens prima in IE6/FF.9.

woensdag 23 juni 2004 10:35

Acties:

drm

f0pc0dert

BalusC:
Java:
1
snip();
Dat -20 heb ik aan de berekeningen toegevoegd, omdat het in IE6 anders te groot wordt dat het achter de scrollbalken verwijdert

Werkt hier in zowel IE6 als FF.9

Het nadeel is dat hij bij jou elke keer moet refreshen. Dat is eigenlijk niet nodig. Los het met DOM op, zou ik zeggen

Gewoon een functie in je onload en je onresize waar je het id van de img aan megeeft. Of een referentie aan het plaatje (document.getElement...)

[ Voor 6% gewijzigd door drm op 23-06-2004 10:35 ]

Music is the pleasure the human mind experiences from counting without being aware that it is counting
~ Gottfried Leibniz