Nu ligner det ski noget, se midlertidige resultat her:
http://www.triodimenzionale.dk/phptest/test.phpDer er lige 3 ting tilbage så skulle den være der:
1. hvis man f.eks. trykker på "mc bike" kunne det være fedt hvis den automatisk viser det første billede, i dette tilfælde ham på motorcyklen, så rammen ikke bare er tom.
2. Hvordan kan jeg venstre stille rækken af thumbs så alle thumbs står på samme plads selvom der kun er 5 thumbs på en side. f.eks. hvis du tager først "mc bike" og derefter "jern og metal" så kan du se at thumbs´ne ikke står samme sted. Det skal helst være så thumbs´ne står på de pladser de har på "mc bike" siden.
3. Jeg har forsøgt at lave en lille kant på 20pixels over og under de store billeder, her kunne jeg kun finde ud af at lave 20pixels over billedet. Hvordan kan jeg lave 20 pixels under billedet også?
Forresten fandt jeg selv ud af det med at bruge et billede til menu istedet for tekst,.. det kan du jo se i min kode herunder.
Du må meget gerne rette i min kode så jeg slippe for at rette det hele hver gang =D
Her er min kode:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="
http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>STUKI - we can do it!</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor=#1F1F1F topmargin="60" bottommargin="10" leftmargin="10" rightmargin="10">
<?
// Her definere du hvilken mappe som den skal lede efter de andre mapper. S† hvis du har en mappe der hedder billeder og inde i den s† ligger du under mapper med de andre billeder som mc_bike.
// $pictures fungere s† p† denne m†de: <a href=$PHP_SELF?pictures=jern_og_metal>Jern og Metal</a> $PHP_SELF betyder den linker til filen selv.
// ? betyder entlig bare vi bruger php til at definere noget.
// pictures er s† = den mappe du v‘lger. S† hvis man klikker p† "Jern og Metal" linket s† g†r den ind under mappen "billeder" og leder efter en mappe der hedder "jern_og_metal". Finder den denne s† henter den billederne fra denne mappe.
$directory = "galleri/$pictures"; // link til store pics
$directory_thumb = "thumbs/$pictures"; // link til thumbs
echo "
<table bordercolor=#0F3327 bgcolor=#0C0C0C width=660 cellpadding=0 cellspacing=0 border=1 align=center>
<tr>
<td>
<img src='gfx/menu.jpg' width=660 height=47 border=0 usemap=#Map>
<map name=Map>
<area shape=rect coords=213,15,335,34 href=$PHP_SELF?pictures=jern_og_metal>
<area shape=rect coords=349,15,416,33 href=$PHP_SELF?pictures=mc_bike>
</map>
</td>
</tr>
</table>
<br>
<table bordercolor=#0F3327 bgcolor=#0C0C0C width=660 height=0 cellpadding=0 cellspacing=0 border=1 align=center>
<tr>
<td align=center>
<table width=660 border=0 cellspacing=0 cellpadding=0>
<tr><img src=gfx/blank.gif width=20 height=20></tr>
<tr>
<td width=30% valign=top>
";
if($picture) { echo "<a href='$directory/$picture' target=_blank><img src='$directory/$picture' border=0></a>"; }
echo "
</td>
</tr>
</table>
</td>
</tr>
</table>
<br>
<table width=0 border=0 cellspacing=0 cellpadding=0 align=center>
";
$width = 80; // Bredden p† thumbnailet
$height = 61; // H›jden p† thumbnailet
$max = 7; // Max antal billeder den m† vise i hver r‘kke
$antal = 0; // Her definere vi antal som 0 i starten... det er s† scriptet ligsom kan s‘ttes igang ;) Den t‘ller automatisk nede i selve scriptet, og bruges til at sikkre den ikke viser mere end max.
if ($dir = opendir($directory)) { // Her definere vi $dir til at fungere som "†bner" af mappen
while ((($file = readdir($dir)) !== false)) { // Her g†r vi videre hvis vi kan †bne mappen
if (substr($file, -3) == 'jpg' || substr($file, -3) == 'JPG') { // Her v‘lger vi filer med *.jpg og *.JPG ›nsker du andre tilf›jer du bare || substr($file, -3) == 'GIF' som eksempel.
$antal++; // Her ligger den 1 til $antal
if($antal <= $max) { // Hvis $antal er minde end $max s† laver vi endnu en billede i r‘kken.
echo "
<td valign=top>
<a href=\"$PHP_SELF?pictures=$pictures&picture=$file\"><img src='$directory_thumb/$file' border=0 width=$width height=$height></a><img src=gfx/blank.gif width=10 height=10>
</td>
";
}
if($antal == $max) { // Hvis antal s† er n†et op p† max s† skal vi starte p† en ny r‘kke s† vi starter med at slutte r‘kken af og s‘tte antal til 0 igen.
echo "</tr>";
$antal = 0;
}
if($antal == 0) { echo "<tr>"; } // Da antal s† er 0 s† starter vi p† en ny r‘kke
}
}
}
echo "</table>";
?>
</body>
</html>