Er is een nieuwe bibliotheek beschikbaar waarmee je gemakkelijk in PHP aan beeldbewerking kan doen. PHP IML staat voor PHP Image Manipulation Library.
Voorlopig zijn de volgende basisbewerkingen reeds aanwezig:
Er is een handige functie in VB.net om het verschil tussen 2 datums uit te rekenen.
Dim startDatum as Date = "1/1/2008"
Dim ts as TimeSpan
Dim aantalDagen as Integer = 0
ts = Now.Subtract(startDatum)
aantalDagen = ts.Days
Nu krijg je het verschil in dagen tussen de startdatum en de huidige datum. Natuurlijk kan je ook het verschil in maanden of jaren berekenen.
Als je een willekeurige rij uit een MySQL tabel wilt halen kan dit met 1 SELECT statement.
SELECT * FROM gebruikers WHERE naam='Jan ' ORDER BY RAND() LIMIT 5">
In dit geval wordt er uit de tabel ‘gebruikers’ 5 willekeurige rijen gehaald waar de naam gelijk is aan ‘Jan’.
Heb je de kader rond een actieve link al gezien als je met je TAB toets over een pagina gaat?
Weet je dan dat je deze zeer gemakkelijk met CSS kan verwijderen en wel als volgt.
a:active, a:focus {
outline:none;
-moz-outline-style:none;
}
Let wel op, op deze manier kan je de geselecteerde link niet meer herkennen en er is ook software voor slechtzienden die deze randen gebruiken om de links te vinden op een pagina.
Elke programmeertaal heeft zijn eigen manier om de grootte van afbeeldingen te wijzigen, in Visual Basic kan dit op een makkelijke manier uitgevoerd worden met de volgende functie.
Public Function resizeFoto(ByVal foto As Image, ByVal breedte As Integer, ByVal hoogte As Integer) As Image
Dim origineleFoto As New Bitmap(foto)
foto.Dispose()
Dim nieuweFoto As New Bitmap(breedte, hoogte)
Dim gr As Graphics = Graphics.FromImage(nieuweFoto)
gr.InterpolationMode = Drawing2D.InterpolationMode.HighQualityBicubic
gr.DrawImage(origineleFoto, 0, 0, breedte - 1, hoogte - 1)
origineleFoto.Dispose()
Return nieuweFoto
End Function
Je roept de functie op de volgende manier aan:
dim kleineFoto as Image = resizeFoto("afbeelding1.jpg", 480, 360)
En je krijgt een jouw afbeelding terug met de nieuwe breedte en hoogte.
Als je via PHP een rij hebt toegevoegd aan je Mysql database hebt toegevoegd kan het in sommige gevallen handig zijn om de id hiervan te hebben. Met het volgend stukje code krijg je de laatst toegevoegde id.
$laatste_id = mysql_insert_id ();
Als je een afbeelding gebruikt op een webpagina wordt er meestal een rand (border) rond gezet om deze meer uit de pagina te laten springen en om deze aantrekkelijker te maken.
Je kan deze rand rond je afbeelding zetten door gebruik te maken van je favoriete software (The Gimp, Fotoshop, …). Als er daarna een redesign van die website komt met andere kleuren is het meestal nodig om de randen rond de foto’s of afbeeldingen ook te wijzigen, als je deze d.m.v. software aangemaakt hebt kan je dit bij alle afbeeldingen veranderen, dit gaat nog als het een paar afbeeldingen zijn, maar als het er 50 of 100 zijn ben je even bezig.
Gelukkig kan je ook een rand voorzien met CSS.
Geen rand.
Een simpele rand.
border: 1px solid #0f0;
Een volledige string in hoofdletters:
$zin = 'Dit is een test.'; echo(strtoupper($zin));
Dit geeft: ‘DIT IS EEN TEST.’
Een volledige string in kleine letters:
$zin = 'DIT IS EEN TEST.'; echo(strtolower($zin));
Dit geeft: ‘dit is een test.’
Lees verder »
Bij het testen of debuggen van PHP code wil je soms zien waarom er iets niet werkt, of dat al je code wel correct wordt uitgevoerd zonder foutboodschappen of waarschuwingen.
Voeg volgende code toe bovenaan je PHP bestand:
error_reporting(E_ALL);
ini_set('display_errors', '1');
Je krijgt dan een overzicht van alle waarschuwingen en fouten die je code voortbrengt.
Javascript en CSS maken het mogelijk om eenvoudig in een kader een afbeelding te tonen of te wijzigen door over een link of een andere afbeeldingen te bewegen en dit zonder dat de pagina dient te herladen.
Eerst maak je me CSS een kader aan om de afbeelding in te plaatsen, je doet dit rond de <img> tag.
HTML -code
<img src="afbeeldingen/transparant.gif" id="placeholder" />
CSS-code
#placeholder{
position: absolute;
top: 50px;
left: 50px;
border: 1px solid #000;
}
Nu hebben we een kader waar een transparante gif inzit.
Het volgende is het plaatsen van de javascript functie.
function toonAfbeelding (afbeelding) {
path = 'afbeeldingen/groot/' + afbeelding;
if (document.getElementById) {
document.getElementById('placeholder').src = path;
return false;
} else {
return true;
}
}
De functie toonAfbeelding(afbeelding) wordt dan als volgt aangeroepen:
<a href="#" onClick="toonAfbeelding('001.jpg'); return false;"><img src="afbeeldingen/klein/001.jpg" alt=""></a>
<a href="#" onClick="toonAfbeelding('002.jpg'); return false;"><img src="afbeeldingen/klein/002.jpg" alt=""></a>
Als men nu op een kleine afbeelding klikt komt er in de kader een grote versie van deze foto, de naam wordt als argument meegegeven aan de functie.
