Tabel accepteerd verkleining foto niet

Status
Niet open voor verdere reacties.
S

Stinuz

Terugkerende gebruiker
Lid geworden
14 jun 2003
Berichten
1.245
Heyy, ik probeer een grote foto kleiner weer te geven door de IMG het attribuut width="5%" mee te geven. De foto wordt kleiner zoals bedoeld, maar de pagina gaat er volgens mij van uit dat de foto nog steeds zijn originele grootte heeft. Hoe kan dit? Er zit wat PHP tussen het script maar dat is het probleem niet.

HTML: 
<html>
<head>
<title>Portfolio</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (site_templ.psb) -->
<table id="Table_01" width="800" height="600" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="3">
			<img src="images/site_templ_01.jpg" width="800" height="14" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/site_templ_02.jpg" width="13" height="100" alt=""></td>
		<td>
			<img src="images/site_templ_03.jpg" width="775" height="100" alt=""></td>
		<td>
			<img src="images/site_templ_04.jpg" width="12" height="100" alt=""></td>
	</tr>
<!-- PHP Openen -->
<?

// Onder header
echo'
	<tr width="800">
	<td bgcolor="#8e8e8e" colspan="1"></td><td bgcolor="#8e8e8e" colspan="1">
	Kies een Photoshoot<br>
	lol lol<br>
	<center>PHOTOSHOOT 9 NOVEMBER 2008</center>
	</td>
	<td bgcolor="#8e8e8e" colspan="1"></td>
	</tr>
';
// Lijntje
echo'
	<tr width="800">
	<td bgcolor="#8e8e8e" colspan="3"><img src=images/bar_.png></img></td>
	</tr>
';	
// Middenstuk voor de foto's
echo'
	<tr width="800">
	<td bgcolor="#8e8e8e" colspan="1"></td><td bgcolor="#8e8e8e" colspan="1">
<img src=photos/20071005_1.jpg width="5%">
	</td>
	<td bgcolor="#8e8e8e" colspan="1"></td>
	</tr>
';
// Lijntje
echo'
	<tr width="800">
	<td bgcolor="#8e8e8e" colspan="3"><img src=images/bar_.png></img></td>
	</tr>
';
// Laatste stuk
echo'
	<tr width="800">
	<td bgcolor="#8e8e8e" colspan="1"></td><td bgcolor="#8e8e8e" colspan="1">
	<center>
	<img src=images/backward_.png></img>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
	PAGINA 1							&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
	<img src=images/forward_.png></img>
	</center>
	</td>
	<td bgcolor="#8e8e8e" colspan="1"></td>
	</tr>
';
// PHP Sluiten
?>

	<tr>
		<td colspan="3">
			<img src="images/site_templ_05.jpg" width="800" height="486" alt=""></td>
	</tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>



Zie foto voor verduidelijking. Heb wat dingen weggekrast wegens prive-redenen.
http://i37.tinypic.com/5x2zbp.jpg
 
Stinuz zei:
....De foto wordt kleiner zoals bedoeld, maar de pagina gaat er volgens mij van uit dat de foto nog steeds zijn originele grootte heeft....
Klik om te vergroten...
Bedoel je hiermee dat als je bvb rechts klikt op de foto, en dan "opslaan als..." kiest, dat je dan uiteindelijk toch terug de orriginele foto met zijn oorspronkelijke afmetingen binnenhaalt?
Als het dat inderdaad is wat je bedoelt, wel... dat is absoluut normaal ;)
De afbeelding wordt wel geschaald weergegeven, maar ze heeft nog altijd hetzelfde bronbestand waar niets aan veranderd is. Dat kan je trouwens ook merken aan het feit dat het even lang duurt om de 5%-afbeelding weer te geven als de 100%.
Als je echt een KLEINE afbeelding wil weergeven, dan moet je die met een grafisch programma verkleinen!
 
Nee, dat is niet wat ik bedoel, maar toch bedankt voor je reactie.

Zoals je kunt zien op de foto is de pagina misvormd. Op de plek waar de foto staat schiet de pagina ineens helemaal uit naar rechts, omdat de browser er vanuit gaat dat hier een grote foto wordt weergegeven ofzo, terwijl deze eigenlijk is verkleind naar 5%.
 
Iemand, aub? Zit hier nogsteeds mee vast :<
 
Ik heb even wat geëxperimenteerd met jou code.
Als je een breedte opgeeft in px in plaats van % heb je geen problemen meer ;)
Bij een oorspronkelijke breedte van 3456px doe je dan dit.
HTML: 
<img src=photos/20071005_1.jpg width="173px">
 
Toch nog even deze aanvulling:

Als ik de orriginele foto weergeef met een aangepast width-attribuut, dan krijg ik "witte ruis" op het resultaat, zowel met % als met px. Hoe groter het orrigineel is, hoe erger het resultaat.

Als ik de orriginele foto verklein met een grafisch programma, en die dan weergeef op de pagina, dan is de kwaliteit perfect!
 
Dat is niet zo gek aangezien je browser niet dezelfde 'scaling-capabilities' heeft als een programma dat specifiek gewijd is aan het bewerken van afbeeldingen.

Daarom zul je je afbeeldingen toch moeten verkleinen tot het juiste formaat voor weergave op het web.
 
Dit gaat dus niet omdat de foto's worden geupload dmv een php script, en als ik server-side ook nog thumbnails moet laten maken wordt het allemaal te ingewikkeld... anyways, ik heb nu ipv de breedte in % de hoogte in pixels aangegeven en het probleem is nu opgelost. Bedankt :thumb:
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan