Fotowall

Door Dimitri Geers op 16-03-2015 14:54 gewijzigd op 16-03-2015 15:09

2.594 views

Goedemiddag,

Ik ben een website aan het maken. Maar nu loop ik tegen een probleem aan.
Als u op de website kijkt: www.ldekrakertransport.nl/dante kijkt, zal het u al opvallen.
Op de eerste rij staat een reeks foto's. Deze 3 foto's staan zoals ik die volgens de code's heb gedaan.

Maar vanaf rij 2 gaat het mis. Hier gaat hij alle foto's schots en scheef door elkaar zetten.
Zelf zou ik niet weten hoe ik het kan oplossen.

Wat ik eigenlijk wil is een soort social media wall maar dan alleen met foto's. Of te wel alle foto's worden netjes neergezet.

Hopelijk kan iemand mij helpen.

Met vriendelijke groet,
Dimitri

Frank Nietbelangrijk

16-03-2015 15:15

foto's, beeldschermen en televisies kennen verschillende hoogte/breedte verhoudingen.

Vroeger hadden we televisies met een verhouding 4:3 maar tegenwoordig ook 16:9.

Als je alle foto's dezelfde breedte en dezelfde hoogte wilt geven dan zul je de afbeeldingen moeten bijsnijden. je verliest dan twee randjes van de afbeeldingen.

Indien je dat niet wilt kun je in jouw geval de foto's ook in kolommen plaatsen zoals in sitatie 2 te zien is in dit voorbeeld

[size=xsmall]Toevoeging op 16/03/2015 15:33:02:[/size]

dit laatste is het makkelijkste en doe je door drie kolommen met div's te maken http://codepen.io/anon/pen/KwrmmO

Dimitri Geers

16-03-2015 15:38

Bedankt voor de reactie! Het staat nu in 3 kolommen.
Maar hij begint linksboven en gaat dan naar beneden. Ik wil eigenlijk dat hij linksboven begint en dan naar rechts gaat. Dus volgens de normale lees/schrijfregels.

Met vriendelijke groet,
Dimitri Geers

Frank Nietbelangrijk

16-03-2015 15:55

dan zou je je foto's in een andere volgorde kunnen zetten.


<?php

$columns = 3;
$fotos = array(
	'foto1.jpg',
	'foto2.jpg',
	'foto3.jpg',
	'foto4.jpg',
	'foto5.jpg',
	'foto6.jpg'
);

for($col = 0 ; $col < $columns ; $col++)
{
	echo '<div class="column">';

	for($foto = $col ; $foto < count($fotos) ; $foto += $columns)
	{
		echo '<img src="' . $fotos[$foto] . '" width=200 />';
	}

	echo '</div>';
}
?>
<div class="clear"></div>

Dimitri Geers

16-03-2015 16:11

Kan ik in die array een mysql-query zetten?

Frank Nietbelangrijk

16-03-2015 16:50

ja zeker

<?php
while($row = mysqli_fetch_assoc($result))
$fotos[] = $row;
?>

Reageren

Inloggen om te reageren