Formaat foto's instellen

Status
Niet open voor verdere reacties.
J

justinos

Gebruiker
Lid geworden
12 nov 2004
Berichten
199
Hoi,

Op mijn website heb ik een soort systeempje waarbij je een overzicht van foto's hebt, en wanneer je er op klikt worden de foto's in groot formaat getoond. Nog even een bedankje naar JeroenE die mij hiermee goed geholpen heeft op Helpmij.
Nu moeten de foto's dus in klein én groot formaat getoond worden, het zijn ook aardig wat foto's. Moet ik ze nu zelf stuk voor stuk allemaal de goede maat gaan geven met bijv. Paint Shop Pro, of is dat ook in de html te verwerken door de code width="" height=""?

Er gaat anders erg veel tijd in zitten om al die foto's 2 keer tot een goed formaat op te slaan.
Ik hoop dat jullie begrijpen wat ik bedoel en mij hier info over kunnen geven.

groetjes,
Justin
 
Je zou irfanview hiervoor kunnen gebruiken.
Is van de week aan bod geweest en er is een beschrijving van Sidi.
Rubriek Beeldbewerking http://www.helpmij.nl/forum/showthread.php?t=236861

Of je gebruikt een class voor je foto's.
Hieronder een voorbeeld.

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>plaatjes vaste maat</title>
<meta name="GENERATOR" content="Arachnophilia 4.0">
<meta name="FORMATTER" content="Arachnophilia 4.0">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
      BODY {
       margin: 0px 0px 0px 0px;
       font-family: verdana, arial, helvetica;
       background-image: url(layout/sfeerstrook/site_home.jpg);
       background-repeat: no-repeat;      
       font-size: 14px;
       font-color: #000000;
       color: #000066;
}
.info{
border: dotted 3px #000000;
padding:10px;
width:100%;
margin-left:100px;
margin-right:100px;
}
.afm1{
width:300px;
height:280px;
}
       </style>
</head>

<body bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#800080" alink="#ff0000"><br>

<div class="info " > <br>
Plaatjes welke verschillende afmetingen hebben in breedte en hoogte toch op een pagina allemaal met dezelfde afmeting weergeven.<br>
Gebruik hiervoor een style voor de plaatjes.<br>
Zet de style in de head van de pagina.<br>
En roep deze style aan met class="deNaam" bij het plaatje.<br>
De aangegeven afmetingen worden nu overgenomen.<br><br>
<span class=" info" >In dit voorbeeld is de naam: .afm1 en de aanroep: class="afm1"  </span><br>
<br>Eventueel ander opties voor het plaatje kun je ook meegeven, als margin en een borderkleur.
</div><br>

<table  width="90%" border="1" cellspacing="0" cellpadding="4" bordercolor="#808080" align="center">
	<tr>
		<!-- Row 1 Column 1 -->
		<td >
			<img src="prikbord/auto-voor-roll.jpg" width="468" height="408" alt="">
		</td>
		<!-- Row 1 Column 2 -->
		<td >
			<img src="prikbord/dv-rolluiken.jpg" width="350" height="280" alt=""><br>
		</td>
	</tr>
	<tr>
		<!-- Row 2 Column 1 -->
		<td >
			<img src="prikbord/nieuwjaar-2006.jpg" width="324" height="320" alt="">
		</td>
		<!-- Row 2 Column 2 -->
		<td >
			<img src="prikbord/zeep2.jpg" width="304" height="526" alt=""><br>
		</td>
	</tr>
</table>


<table  width="90%" border="1" cellspacing="0" cellpadding="4" bordercolor="#808080" align="center">
	<tr>
		<!-- Row 1 Column 1 -->
		<td >
			<img src="prikbord/auto-voor-roll.jpg" class="afm1" alt="">
		</td>
		<!-- Row 1 Column 2 -->
		<td >
			<img src="prikbord/dv-rolluiken.jpg" class="afm1"  alt=""><br>
		</td>
	</tr>
	<tr>
		<!-- Row 2 Column 1 -->
		<td >
			<img src="prikbord/nieuwjaar-2006.jpg" class="afm1"  alt="">
		</td>
		<!-- Row 2 Column 2 -->
		<td >
			<img src="prikbord/zeep2.jpg" class="afm1" alt=""><br>
		</td>
	</tr>
</table>
<br>
</body>
</html>


:cool:
 
Bedankt peter, heb even in het topic gekeken wat je in je bericht meldt. IrFanview is voor mij perfect, kan nu simpel 200 foto's tegelijk resizen, en dat is precies wat ik zocht :thumb:
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan