Thumbnails met pop-up en watermerk – DDT
Je hebt heel wat foto’s in je database staan en wil deze tonen op een gedeelte van je pagina. Indien dit bijvoorbeeld foto’s van 600px op 400px zijn kan je deze onmogelijk allemaal laten zien, daarom is het heel handig om thumbnails in de plaats te kunnen zetten. Een thumbnail is een verkleinde versie van een foto. Ook hier zijn weer heel handige opties in te stellen zoals een pop-up naar de vergrootte foto en een watermerk.
Maak eerst je Recordset aan en ga dan via Application -> Server Behaviors -> + Developer Toolbox -> File Upload -> Show Thumbnail :
Volgende wizard start nu op :
Basic :
Select File location : De map met je foto’s.
Retrieve file name from : Je recordset en de cel in je database.
Set thumbnail size : Geef hier de gewenste afmetingen van je thumbnail in.
Pop up :
Set popup options : Vink aan indien je wenst dat bij het klikken op een thumbnail de vergrootte versie wordt weergegeven in een popup.
Show navigation : Vink aan indien je een navigatie wil in je popup.
Set popup size : Geef hier de afmetingen in van de popup.
Watermark :
Specify watermark options : Geef hier mee of je een watermerk op je thumbnail en/of popup wil hebben. Je kan ook een transparency meeegeven.
Select watermerk image : Kies een afbeelding voor je watermerk
Specify resize options : Geef hier de afmetingen in van het watermerk.
Set watermerk position : Geef aan waar het watermerk moet staan.
Nu alle gewenste opties zijn ingevuld klikken we op OK en zien de volgende afbeelding verschijnen :
Met de repeat region en de looper nog vers in ons geheugen kan je hier al heel een heel mooie foto album mee maken.
Velen van bovenstaande opties zijn standaard al ingevuld indien men al bij een upload formulier een file field heeft gezet en bij de ‘Browse…’ knop een upload actie hebben toegepast. Zoals uitgelegd in hoofdstuk Foto’s toevoegen aan de database met resize optie.
Dit hoofdstuk is een onderdeel van ‘Een PHP website maken zonder code te schrijven’.
:
Indien je het nuttig vond mag je altijd een bericht achterlaten of u inschrijven op onze nieuwsbrief om altijd op de hoogte te blijven.
[...] 15. Thumbnail tonen met pop-up en watermerk. [...]