Tijden veranderen
[Review & feedback] Fotografie portfolio
Het betreft een totaal nieuw ontwerp en is dus geen aanpassing van de huidige lay-out. De eisen die ik voor mezelf o.a. heb gesteld:
- het gaat om de foto dus de foto moet centraal staan;
- het moet niet amateuristisch overkomen, maar ook niet te professioneel
Alleen de pagina 'over mij' moet nog ingericht worden, hier verschijnt nu nog een random image. Ook zal de achtergrond bij het contactformulier nog aangepast worden, een persoonlijke foto o.i.d.
Ook favicon moet nog gemaakt worden.
De site is hier te vinden.
Zou je bij je reply ook iets kunnen zeggen over de laadtijd van de site en eventuele fouten.
Wat ik zelf overigens wel aardig vindt is dat de site als JavaScript uitgeschakeld staat nog steeds redelijk functioneert.
Het ontwerp is getest met IE 6, 7 en 8; FF 3; Safari 3.1 en Google Chrome.
Alvast bedankt voor je antwoord.
Gewijzigd op 01/01/1970 01:00:00 door Martinique
Echt denderend mooi.
Enige eventuele verbeterpuntjes zijn:
Bij contact ook gewoon even je adres neerzetten. Dat straalt veel vertrouwen uit en is altijd handig. Mocht je een bedrijf-adres hebben, dan is dat ook prima.
Tevens vind ik dat er niet echt veel foto's op staan. Meer is (in dit geval) beter. Niet gaan overdrijven, maar als je maar 3 foto's van WOII kan laten zien, is dat net te weinig.
Tevens zou een klein overzichtje (rechts oid) van de beschikbare foto's ook leuk zijn, zodat je weet dat het niet willekeurig gaat, maar dat ik gewoon alle foto's gewoon al heb gezien.
De kwaliteit van de foto's is echt goed. Gaaf.
Heb je de foto's van die koeien (vooral die tegen de zonsondergang) in groot formaat? Die zou ik graag als achtergrond van me bureaublad willen ;).
Eindconclusie: 10-.
Ik ben er van onder de indruk! Fijn dat foto's altijd alles zeggen, alleen bij de pagina over mij had ik wel wat tekst verwacht. Wat kan de bezoeker verwachten van je enzo? Waarom die portfolio (buiten dat hij een mooi visitekaartje is maar dan...?) zou ik daar dan eigenlijk wel verwachten.
Verder super netjes. Keep up the good work!
De laadtijd valt hier wel mee. Een seconde of 3 tot 4.
Offtopic: Gorinchem blijft een mooie stad ;)
Aandacht puntjes zijn nog wel:
- Ik kwam regelmatig om je font witte kerstverlichting tegen. Zie bijvoorbeeld contact. Daar heb je bovenin een .gif staan met contact gegevens. Deze hebben witte kerstverlichting. Dat komt omdat gif geen alpha transparancy kent. Gebruik daarom .png voor deze afbeeldingen. die kent dat wel.
- Ook zie ik in je portfolio steeds bij het wissel van een afbeelding rechtsonderin je copy right half kort verschijnen. Dit komt omdat je de oude en nieuwe afbeelding tegelijk in en uit fade waardoor ze allebei op het zelfde moment half transparant zijn. Ik zou dit proberen te voorkomen. Ik zou gewoon de nieuwe over de oude infaden, en vervolgens de oude weghalen.
Ik heb helemaal niets zien laden of ergens op hoeven wachten. Alle foto's worden direct en zonder enige hapering weergegeven. Grote klasse! Mag ik weten welk script je gebruikt om de foto's op deze wijze te tonen? Kun je dat misschien ergens op deze site plaatsen?
Webdesign:
Yuk. Sorry, maar ik vind het een lelijke website (Ieder zijn mening uiteraard). Ik vind grijs erg saai en ondanks dat je vindt dat het om de foto's moet gaan hoeft een site niet saai te worden. De witte achtergrond maakt het allemaal erg flets. Ik vind dat foto's tegen een donkere achtergrond (zwart) vaak veel beter uitkomen doordat de foto er nog meer uitspringt. Wat ik zelf een erg mooie fotografie website vind: http://realitydream.extra.hu/
Ook vind ik het jammer dat de tekst van oa de navigatie elementen niet scherp is maar een beetje blurry. Het lettertype spreekt mij eerlijk gezegd ook niet zo aan.
Foto's:
Schitterend! Allemaal haarscherp en mooie indeling, focus en licht(val). Echt heel erg mooi.
Hopelijk kun je er wat mee en kun jij ons wat meer vertellen over het script dat je gebruikt om de foto's te tonen.
Gewijzigd op 01/01/1970 01:00:00 door The Ultimate
In punten minstens 9.5/10!
Alleen de laadtijd van de foto's kan voor een probleem zorgen bij mensen met een minder snelle internetconnectie, denk ik...
Kan je niet proberen je foto's met een imageresizer proberen kleiner te maken?
Mvg,
Jens
@ Eddy: Ik neem je commentaar mee, de foto's moeten inderdaad nog wel aangevuld worden.
@ Crispijn: Zoals gezegd in startpost, de pagina 'over mij' moet nog ingericht worden, bedankt voor je reactie
@ PH-MJS: Inderdaad, maar Nederland heeft nog veel meer van die mooie oude steden
@ Ypma: 'Kerstverlichting' had ik ook opgemerkt, maar krijg je met png geen problemen in IE6?
Wat betreft die fade, daar ga ik nog mee aan de slag... bedankt.
@ Bart: Jammer dat je het lelijk vindt. Maar inderdaad, ieder zijn mening. Ik heb overigens bewust voor wit / licht / fris gekozen. Huidige website is erg donker en daar wilde ik vanaf. Echter, bij wit kleuren foto's in het algemeen het beste. (Alsook bij zwart en (donker)grijs.)
Bedankt voor de complimenten. Het script is de Cycle plugin met jQuery.
@Klaasjan: Duidelijk!
@ nico: Welke resolutie gebruik je, 1024 x 768 is eigenlijk net te klein voor de website. Gebruik je 1280 x 800?
@ Jens: Ook bedankt voor je reactie! Over de laadtijd heb ik ook al veel nagedacht... weet nog niet echt wat ik er mee aan moet. Ik heb onderin het script bij de startpagina een JavaScript dat alle foto's op de achtergrond in het geheugen zou moeten laden maar ik geloof niet dat dat script echt werkt... Bedankt i.i.g.
Gewijzigd op 01/01/1970 01:00:00 door Martinique
Maar moet ik echt 4 MB downloaden voor de frontpage van een fotoportfolio? Dat is echt gruwelijk veel, en ga de consequenties voor je server eens na en je verbinding.
<img src="IMG_850.jpg" alt="geen idee">
<img src="image.php?photo=IMG_850.jpg&sizemax=650" alt="geen idee">
:)
Voor de rest doet hijhetzelde, alleen kleiner:)
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<?php
error_reporting(E_ALL);
if(isset($_GET['photo']) && isset($_GET['sizemax']) && !empty($_GET['photo']))
{
$Dimensions = getimagesize('images/' . $_GET['photo']);
$CurWidth = $Dimensions[0];
$CurHeight = $Dimensions[1];
if($CurWidth > $CurHeight && $CurWidth >= stripslashes($_GET['sizemax']))
{
$Proportion = $CurHeight / $CurWidth;
$NewWidth = stripslashes($_GET['sizemax']);
$NewHeight = $NewWidth * $Proportion;
}
elseif($CurWidth == $CurHeight && $CurWidth >= stripslashes($_GET['sizemax']))
{
$Proportion = $CurHeight / $CurWidth;
$NewWidth = stripslashes($_GET['sizemax']);
$NewHeight = $NewWidth * $Proportion;
}
elseif($CurHeight > $CurWidth && $CurHeight >= stripslashes($_GET['sizemax']))
{
$Proportion = $CurWidth / $CurHeight;
$NewHeight = stripslashes($_GET['sizemax']);
$NewWidth = $NewHeight * $Proportion;
}
else
{
$NewWidth = $Dimensions[0];
$NewHeight = $Dimensions[1];
}
if(strtolower(substr($_GET['photo'], -3)) == 'png')
{
header('content-type: image/png');
// Het bestand inlezen
$Image = imagecreatefrompng('images/' . $_GET['photo']);
// Nieuwe afbeelding maken
$Destination = imagecreatetruecolor($NewWidth, $NewHeight);
// Huidige afbeelding op de nieuwe afbeelding plaatsen
imagecopyresampled($Destination, $Image, 0, 0, 0, 0, $NewWidth, $NewHeight, $CurWidth, $CurHeight);
// Afbeelding weergeven
imagepng($Destination);
// Ingelezen bron verwijderen
imagedestroy($Image);
}
elseif(strtolower(substr($_GET['photo'], -3)) == 'jpg')
{
header('content-type: image/jpeg');
// Het bestand inlezen
$Image = imagecreatefromjpeg('images/' . $_GET['photo']);
// Nieuwe afbeelding maken
$Destination = imagecreatetruecolor($NewWidth, $NewHeight);
// Huidige afbeelding op de nieuwe afbeelding plaatsen
imagecopyresampled($Destination, $Image, 0, 0, 0, 0, $NewWidth, $NewHeight, $CurWidth, $CurHeight);
// Afbeelding weergeven
imagejpeg($Destination);
// Ingelezen bron verwijderen
imagedestroy($Image);
}
elseif(strtolower(substr($_GET['photo'], -4)) == 'jpeg')
{
header('content-type: image/jpeg');
// Het bestand inlezen
$Image = imagecreatefromjpeg('images/' . $_GET['photo']);
// Nieuwe afbeelding maken
$Destination = imagecreatetruecolor($NewWidth, $NewHeight);
// Huidige afbeelding op de nieuwe afbeelding plaatsen
imagecopyresampled($Destination, $Image, 0, 0, 0, 0, $NewWidth, $NewHeight, $CurWidth, $CurHeight);
// Afbeelding weergeven
imagejpeg($Destination);
// Ingelezen bron verwijderen
imagedestroy($Image);
}
elseif(strtolower(substr($_GET['photo'], -3)) == 'gif')
{
header('content-type: image/gif');
// Het bestand inlezen
$Image = imagecreatefromgif('images/' . $_GET['photo']);
// Nieuwe afbeelding maken
$Destination = imagecreatetruecolor($NewWidth, $NewHeight);
// Huidige afbeelding op de nieuwe afbeelding plaatsen
imagecopyresampled($Destination, $Image, 0, 0, 0, 0, $NewWidth, $NewHeight, $CurWidth, $CurHeight);
// Afbeelding weergeven
imagegif($Destination);
// Ingelezen bron verwijderen
imagedestroy($Image);
}
// Aangemaakte afbeelding verwijderen
imagedestroy($Destination);
}
?>
error_reporting(E_ALL);
if(isset($_GET['photo']) && isset($_GET['sizemax']) && !empty($_GET['photo']))
{
$Dimensions = getimagesize('images/' . $_GET['photo']);
$CurWidth = $Dimensions[0];
$CurHeight = $Dimensions[1];
if($CurWidth > $CurHeight && $CurWidth >= stripslashes($_GET['sizemax']))
{
$Proportion = $CurHeight / $CurWidth;
$NewWidth = stripslashes($_GET['sizemax']);
$NewHeight = $NewWidth * $Proportion;
}
elseif($CurWidth == $CurHeight && $CurWidth >= stripslashes($_GET['sizemax']))
{
$Proportion = $CurHeight / $CurWidth;
$NewWidth = stripslashes($_GET['sizemax']);
$NewHeight = $NewWidth * $Proportion;
}
elseif($CurHeight > $CurWidth && $CurHeight >= stripslashes($_GET['sizemax']))
{
$Proportion = $CurWidth / $CurHeight;
$NewHeight = stripslashes($_GET['sizemax']);
$NewWidth = $NewHeight * $Proportion;
}
else
{
$NewWidth = $Dimensions[0];
$NewHeight = $Dimensions[1];
}
if(strtolower(substr($_GET['photo'], -3)) == 'png')
{
header('content-type: image/png');
// Het bestand inlezen
$Image = imagecreatefrompng('images/' . $_GET['photo']);
// Nieuwe afbeelding maken
$Destination = imagecreatetruecolor($NewWidth, $NewHeight);
// Huidige afbeelding op de nieuwe afbeelding plaatsen
imagecopyresampled($Destination, $Image, 0, 0, 0, 0, $NewWidth, $NewHeight, $CurWidth, $CurHeight);
// Afbeelding weergeven
imagepng($Destination);
// Ingelezen bron verwijderen
imagedestroy($Image);
}
elseif(strtolower(substr($_GET['photo'], -3)) == 'jpg')
{
header('content-type: image/jpeg');
// Het bestand inlezen
$Image = imagecreatefromjpeg('images/' . $_GET['photo']);
// Nieuwe afbeelding maken
$Destination = imagecreatetruecolor($NewWidth, $NewHeight);
// Huidige afbeelding op de nieuwe afbeelding plaatsen
imagecopyresampled($Destination, $Image, 0, 0, 0, 0, $NewWidth, $NewHeight, $CurWidth, $CurHeight);
// Afbeelding weergeven
imagejpeg($Destination);
// Ingelezen bron verwijderen
imagedestroy($Image);
}
elseif(strtolower(substr($_GET['photo'], -4)) == 'jpeg')
{
header('content-type: image/jpeg');
// Het bestand inlezen
$Image = imagecreatefromjpeg('images/' . $_GET['photo']);
// Nieuwe afbeelding maken
$Destination = imagecreatetruecolor($NewWidth, $NewHeight);
// Huidige afbeelding op de nieuwe afbeelding plaatsen
imagecopyresampled($Destination, $Image, 0, 0, 0, 0, $NewWidth, $NewHeight, $CurWidth, $CurHeight);
// Afbeelding weergeven
imagejpeg($Destination);
// Ingelezen bron verwijderen
imagedestroy($Image);
}
elseif(strtolower(substr($_GET['photo'], -3)) == 'gif')
{
header('content-type: image/gif');
// Het bestand inlezen
$Image = imagecreatefromgif('images/' . $_GET['photo']);
// Nieuwe afbeelding maken
$Destination = imagecreatetruecolor($NewWidth, $NewHeight);
// Huidige afbeelding op de nieuwe afbeelding plaatsen
imagecopyresampled($Destination, $Image, 0, 0, 0, 0, $NewWidth, $NewHeight, $CurWidth, $CurHeight);
// Afbeelding weergeven
imagegif($Destination);
// Ingelezen bron verwijderen
imagedestroy($Image);
}
// Aangemaakte afbeelding verwijderen
imagedestroy($Destination);
}
?>
PS: Ja, ik weet het, je kan ook nog gaan kijken of het bestand bestaat enzovoort, maar dat zal je zelf moeten doen;)
Mvg,
Jens
Gewijzigd op 01/01/1970 01:00:00 door Jens V