Avatar billede snigeren Nybegynder
14. juli 2004 - 13:23 Der er 50 kommentarer og
2 løsninger

billed galleri i php

Hej

Er der nogen der har et godt billed galleri i php? Det skal helst fungere som beskrevet herunder:
1. f.eks. 5 kategorier. (skal gerne kunne sætte flere ind)
2. Alle de billeder man smider i mappen til hver kategori henter den ind.
3. den viser et thumbnail af hvert billede og et stort billede.
4. billederne skal kunne være i forskellige størrelser.

Desværre er min viden i php ikke den vilde og kan derfor ikke selv lave et billed galleri.

Håber nogen kan hjælpe.

/Snig
Avatar billede greew Nybegynder
14. juli 2004 - 13:24 #1
Jeg har været meget glad for http://www.phpwebgallery.net/, som har de funktioner du spørger efter! .. det var måske noget ..
Avatar billede michael_stim Ekspert
14. juli 2004 - 13:25 #2
http://www.stoverud.com/PHPhotoalbum/

Her er der er färdigt album.
Avatar billede snigeren Nybegynder
14. juli 2004 - 14:36 #4
hmm har i ikke nogle lidt mere simple scripts? Der skal ikke være nogen admin del i det, bare et galleri der automatisk henter alle billeder thumbs der måtte ligge i mappen for de forskellige kategorier.
Avatar billede syvon Nybegynder
14. juli 2004 - 15:01 #5
der er et her hvor den henter billederne fra de forskellige folders som de ligger i.

http://www.andymack.com/freescripts/
Avatar billede jammerlab Nybegynder
14. juli 2004 - 18:49 #6
Et simpelt et jeg selv har lavet:

<?

$directory = "billeder";

    if ($dir = opendir($directory)) {
    while ((($file = readdir($dir)) !== false))  {
    if (substr($file, -3) == 'jpg' || substr($file, -3) == 'JPG') {
    $size = getimagesize($directory.'/'.$file);
    $lsize = lstat($directory.'/'.$file);
    $lsize[7] = floor($lsize[7]/1024);
   
    echo "
            <table width=400 border=0 cellspacing=0 cellpadding=0>
              <tr>
             
                <td width=30% valign=top>
                <a href='$directory/$file' target=_blank><img src='$directory/$file' border=0 width=110 height=82></a>
                </td>
               
                <td width=70%>
                Navn: $file<br>
                Dimenzion: $size[0] x $size[1]px<br>
                Size: $lsize[7] kb<br>
                </td>
               
              </tr>
            </table>";     
        }
      }
  }
?>
Avatar billede greew Nybegynder
14. juli 2004 - 22:27 #7
nej, hvis du ikke behøver admin-panel osv så er http://www.phpwebgallery.net/ ikke noget alligevel... :)
Avatar billede snigeren Nybegynder
14. juli 2004 - 23:47 #8
Talker >> du har jo fat i noget af det rigtige der,.. ultra simpelt and to the point =)

Hvor slemt er det at lave følgende?

http://www.triodimenzionale.dk/phptest/galleri.jpg

På billedet ser du hvordan jeg umiddelbart gerne vil have galleriet til at se ud...
det jeg så lige spørger om er:

1. de 5 punkter i toppen er til at skifte mellem 5 gallerier. trykker man f.eks. på "MC BIKE" kommer alle thumbs fra "MC BIKE" mappen og lægger sig nederst.
2. det store sorte felt i midten er der hvor de store billeder bliver vist når man vælger et blandt thumbsne i bunden.
3. antallet af thumbs i bunden er som du selv har lavet det i dit script antallet af billeder i den enkelte mappe.
4. hvis det skal være helt optimalt ændre det sorte felt højde i forhold til billedet der bliver loadet ind... dvs. hvis billedet er 200 px højt så er den sorte box 200 px høj.

Hvis ikke det tager alt for lang tid vil jeg bede på mine knæ om du kunne hjælpe mig med at lave det... Du må meget gerne guide mig lidt, hvis du ikke orker at scripte det hele selv.

hilsen
Snig
Avatar billede jammerlab Nybegynder
14. juli 2004 - 23:55 #9
Jamen 2.sek så ser jeg på det :)
Avatar billede jammerlab Nybegynder
15. juli 2004 - 00:10 #10
Her er noget... så må du lige sige hvis der er noget du ikke magter at ændre :P Så skal jeg nok hjælpe dig yderligere...

<!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>lala</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">
<?
$directory = "gfx/$pictures";
echo "
<table width=600 cellpadding=0 cellspacing=0 border=1 align=center>
<tr>
<td>
<font color=#00C573>Galleri osv... <a href=$PHP_SELF?pictures=jern_og_metal>Jern og Metal</a> | <a href=$PHP_SELF?pictures=mc_bike>MC Bike</a> | <a href=$PHP_SELF?pictures=mc_bike>MC Bike</a>
</td>
</tr>
</table>
<br>
<table width=600 height=200 cellpadding=0 cellspacing=0 border=1 align=center>
<tr>
<td align=center>
<table width=400 border=0 cellspacing=0 cellpadding=0>
<tr>
<td width=30% valign=top>
<a href='$directory/$picture' target=_blank><img src='$directory/$picture' border=0></a>
</td>
</tr>
</table>   
</td>
</tr>
</table>
<br>
";


    if ($dir = opendir($directory)) {
    while ((($file = readdir($dir)) !== false))  {
    if (substr($file, -3) == 'jpg' || substr($file, -3) == 'JPG') {
    $size = getimagesize($directory.'/'.$file);
    $lsize = lstat($directory.'/'.$file);
    $lsize[7] = floor($lsize[7]/1024);
   
    echo "
            <table width=400 border=0 cellspacing=0 cellpadding=0 align=center>
              <tr>
                <td width=30% valign=top>
                <a href=$PHP_SELF?pictures=$pictures&picture=$file><img src='$directory/$file' border=0 width=110 height=82></a>
                </td>
              </tr>
            </table>";     
        }
      }
  }


?>
Avatar billede snigeren Nybegynder
15. juli 2004 - 01:18 #11
jammen du er da bare for rar =)
Det begynder at ligne noget,... kunne du tilfældigvis skrive lidt kommentarer som meget kort forklarer scripts helt? Jeg kan sådan næsten læse dem og så alligevel ikke.

Hvordan får man f.eks. billederne til at stå ved siden af hinanden 7 ad gangen. Og med 10px afstand mellem billederne både vertikalt og horisontalt?
Sidst men ikke mindst, hvordan ser scriptet ud når thumb-knapperne henter det rigtig billede der ligger i en mappe ved siden af thumb-mappen?

og hvad er f.eks. $PHP_SELF?pictures
"?" hvad står det helt præcis for? er det istedet for browserens "/" i adressebaren?

Jeg ved godt det virker lidt leecher agtigt men jeg har virkelig brug for hjælp og prøver virkelig at forstå hvad der bliver lavet. Det er også en af grundene til at jeg ikke ønsker et alt for advanceret script der tager dage at sætte sig ind i.

Det du har lavet indtil viddere er helt i top et kæmpe skridt i den rigtige retning,.. hvis du vil kan jeg godt smide flere point i bunken =D

/Snig
Avatar billede snigeren Nybegynder
15. juli 2004 - 01:30 #12
det kan endda være at, hvis jeg ender med at få penge for den side jeg har lavet til kunden, du kan få lidt håndøre for hjælpen =))
Avatar billede jammerlab Nybegynder
15. juli 2004 - 10:45 #13
hehe :) Jeg kigger lidt på det igen og prøver at opfylde dine sidste krav... og så kommer jeg lige med nogle kommentare til det hele så der ikke skulle være noget at tage fejl af ;)
Avatar billede jammerlab Nybegynder
15. juli 2004 - 11:10 #14
<!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>lala</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 = "billeder/$pictures";
echo "
<table width=600 cellpadding=0 cellspacing=0 border=1 align=center>
<tr>
<td>
<font color=#00C573>Galleri osv... <a href=$PHP_SELF?pictures=jern_og_metal>Jern og Metal</a> | <a href=$PHP_SELF?pictures=mc_bike>MC Bike</a> | <a href=$PHP_SELF?pictures=mc_bike>MC Bike</a>
</td>
</tr>
</table>
<br>
<table width=600 height=200 cellpadding=0 cellspacing=0 border=1 align=center>
<tr>
<td align=center>
<table width=400 border=0 cellspacing=0 cellpadding=0>
<tr>
<td width=30% valign=top>
<a href='$directory/$picture' target=_blank><img src='$directory/$picture' border=0></a>
</td>
</tr>
</table>   
</td>
</tr>
</table>
<br>
<table width=400 border=0 cellspacing=3 cellpadding=3 align=center>
";

$max = 2; // 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/$file' border=0 width=110 height=82></a>
</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>";
?>
Avatar billede jammerlab Nybegynder
15. juli 2004 - 11:11 #15
haha ja okay hvorfor den lige går amok over æøå osv ved jeg ikke lige :) men du kan sagtens kører scriptet med kommentarene... de bliver kun vist i koden.
Avatar billede snigeren Nybegynder
15. juli 2004 - 20:59 #16
det ser ski funky ud =)
et problem though,... det er torsdag morgen, jeg står op kl er tidlig og jeg tænder min comz. INTERNETTET ER FUKKED! senere på dagen finder Cybercity ud af at min router nok er kaput. De kan først nå at sende den fredag så hvis jeg er heldig har jeg internet igen lørdag ellers først mandag =(

pt. er jeg lige hos en ven for at se til indlægget =D  jeg ser på det så snart jeg får internet igen,.. så bare rolig, jeg har ikke glemt dig :)

/Snig
Avatar billede snigeren Nybegynder
17. juli 2004 - 16:41 #17
ahh nu fik jeg endelig mit internet igen =D

det hjælper på det, men jeg har stadig et par problemer :)

1. align og afstand mellem thumbnails, alle rows med thumbnails skal være venstre stillet og afstanden mellem thumbs´ne skal være 10pixels lige præcis. Kan man ikke sætte en blank.gif ind mellem billederne som bliver stretched til 10pixels og dermed holder afstanden mellem thumbs´ne?

2. når man trykker på et thumbnail skal scriptet gå ind i en anden mappe og hente den store version af billedet ind i den øverste "frame"

3. kan man ikke lave et lille script der tjekker højden i pixels på det billede man henter ind og dermed sætter højden på den øverste "frame" som billedet bliver loadet ind i?

4. Jeg har forsøgt mig med at sætte et billede ind med map coordinator som menu men det virkede ikke helt, hvad skal jeg gøre for at sætte det ind?

Her kan du se det som det ser ud efter jeg har justeret lidt på det, der er ikke lang vej igen =)

http://www.triodimenzionale.dk/phptest/test.php
Avatar billede jammerlab Nybegynder
17. juli 2004 - 18:02 #18
Lækkert - ser på det igen.
Avatar billede jammerlab Nybegynder
17. juli 2004 - 22:02 #19
Jeg er ikke helt med på hvad du mener i nr 2-3-4 Som den er nu så loader den jo billedet ind i midten når man klikker på et thumbnail. Og den tabel i midten retter sig jo bare ind efter billedet? Jeg kender heller ikke helt til map coordinator, men jeg kan ikke rigtig se hvorfor du vil bruge den til noget... men her er noget nyt kode igen til dig med nogle få rettelser:

<!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>lala</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 = "billeder/$pictures";
echo "
<table width=600 cellpadding=0 cellspacing=0 border=1 align=center>
<tr>
<td>
<font color=#00C573>Galleri osv... <a href=$PHP_SELF?pictures=jern_og_metal>Jern og Metal</a> | <a href=$PHP_SELF?pictures=mc_bike>MC Bike</a> | <a href=$PHP_SELF?pictures=mc_bike>MC Bike</a>
</td>
</tr>
</table>
<br>
<table width=600 height=200 cellpadding=0 cellspacing=0 border=1 align=center>
<tr>
<td align=center>
<table width=400 border=0 cellspacing=0 cellpadding=0>
<tr>
<td width=30% valign=top>
<a href='$directory/$picture' target=_blank><img src='$directory/$picture' border=0></a>
</td>
</tr>
</table>   
</td>
</tr>
</table>
<br>
<table width=0 border=0 cellspacing=0 cellpadding=0 align=center>
";

$width = 110; // Bredden p† thumbnailet
$height = 82; // 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/$file' border=0 width=$width height=$height></a><img src=gfx/tern.gif>
</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>";
?>
Avatar billede snigeren Nybegynder
18. juli 2004 - 11:37 #20
hej igen =)

2. her mener jeg at de små billeder(thumbnails) der er loadet ind nederst, kun er et lille udsnit af det rigtige billede som f.eks. er 600x400pixels. Derfor skal den hente det rigtige billedet når man trykker på et af de små.

3. Ligesom du gjorde i første script med: $size = getimagesize($directory.'/'.$file);
skulle det gerne finde størrelsen (specielt højden) af billedet og tilpasse den øverste felt hvor det store billede bliver loadet ind i.
Avatar billede jammerlab Nybegynder
18. juli 2004 - 13:39 #21
2. prøv at klikke på et af de små thumbnails... den loader da hele billedet ind i midten??

3. Vil du gerne havde at den midterste tabel bliver nøjagtig samme højde/bredde som billedet?
Avatar billede snigeren Nybegynder
18. juli 2004 - 14:18 #22
ok jeg tror du misforstår mig:

2. det her er 2 forskellige billeder: 1. er thumbnail verisonen af det store. 2. er den store version som skal loades når man trykker på det lille thumbnail:
1) http://www.triodimenzionale.dk/phptest/mc_bike_2_4_thumb.jpg
2) http://www.triodimenzionale.dk/phptest/mc_bike_2_4.jpg

3. yep - ganske rigtigt,.. jeg vil gerne have at den midterste tabel bliver i samme højde som det billede der bliver loadet ind i den.
Avatar billede jammerlab Nybegynder
18. juli 2004 - 17:05 #23
Ok nummer 3 er let nok... men den med nummer 2 har jeg virkelig svært ved at fatte hehe :D Vil du gerne havde at den skal generere et thumbnail og ikke loade billedet?!
Avatar billede jammerlab Nybegynder
18. juli 2004 - 17:09 #24
There you go:

<!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>lala</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 = "c:/Program Files/Apache Group/Apache2/htdocs/julefrokost/$pictures";
echo "
<table width=600 cellpadding=0 cellspacing=0 border=1 align=center>
<tr>
<td>
<font color=#00C573>Galleri osv... <a href=$PHP_SELF?pictures=jern_og_metal>Jern og Metal</a> | <a href=$PHP_SELF?pictures=mc_bike>MC Bike</a> | <a href=$PHP_SELF?pictures=mc_bike>MC Bike</a>
</td>
</tr>
</table>
<br>
<table width=600 height=0 cellpadding=0 cellspacing=0 border=1 align=center>
<tr>
<td align=center>
<table width=400 border=0 cellspacing=0 cellpadding=0>
<tr>
<td width=30% valign=top>
<a href='$directory/$picture' target=_blank><img src='$directory/$picture' border=0></a>
</td>
</tr>
</table>   
</td>
</tr>
</table>
<br>
<table width=0 border=0 cellspacing=0 cellpadding=0 align=center>
";

$width = 110; // Bredden p† thumbnailet
$height = 82; // 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/$file' border=0 width=$width height=$height></a><img src=gfx/tern.gif>
</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>";
?>
Avatar billede snigeren Nybegynder
18. juli 2004 - 17:42 #25
okay,... jeg prøver igen! :P

Du ved godt hvad et thumbnail er ikke? ellers er her en forklaring: thumbnail er en lille version eller et lille udklip af et stort billede, som ikke er meget større end en tommelfingernegl derfor navnet :)

F.eks. her: http://www.triodimenzionale.dk/phptest/test.php?pictures=jern_og_metal
hvis jeg trykker på thumbnail´en med nr. 3 på henter scriptet følgende billede fra en anden mappe lige i nærheden:
http://www.triodimenzionale.dk/phptest/jernogmetal_3.jpg
Avatar billede jammerlab Nybegynder
18. juli 2004 - 17:44 #26
oohh... når når... jamen hm... det var jo besværligt... men jow den kan vi godt fikse billederne skal bare hedde det samme så kan jeg godt fikse det :)
Avatar billede jammerlab Nybegynder
18. juli 2004 - 17:49 #27
Sådan vel:
-----------

<!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>lala</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_thumb = "c:/Program Files/Apache Group/Apache2/htdocs/julefrokost/$pictures"; // link til thumbs
$directory = "c:/Program Files/Apache Group/Apache2/htdocs/julefrokost/$pictures"; // link til store billeder
echo "
<table width=600 cellpadding=0 cellspacing=0 border=1 align=center>
<tr>
<td>
<font color=#00C573>Galleri osv... <a href=$PHP_SELF?pictures=jern_og_metal>Jern og Metal</a> | <a href=$PHP_SELF?pictures=mc_bike>MC Bike</a> | <a href=$PHP_SELF?pictures=mc_bike>MC Bike</a>
</td>
</tr>
</table>
<br>
<table width=600 height=0 cellpadding=0 cellspacing=0 border=1 align=center>
<tr>
<td align=center>
<table width=400 border=0 cellspacing=0 cellpadding=0>
<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 = 110; // Bredden p† thumbnailet
$height = 82; // 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_thumb)) { // 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/tern.gif>
</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>";
?>
Avatar billede snigeren Nybegynder
18. juli 2004 - 19:47 #28
Nu ligner det ski noget, se midlertidige resultat her:
http://www.triodimenzionale.dk/phptest/test.php

Der 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>
Avatar billede jammerlab Nybegynder
18. juli 2004 - 20:01 #29
hehe du har lavet lidt rod i koden med den plads over billedet men nok om det ;) dette burde klarer de sidste problemer I think...

-------


<!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 = "C:/Program Files/Apache Group/Apache2/htdocs/julefrokost"; // link til store pics
$directory_thumb = "C:/Program Files/Apache Group/Apache2/htdocs/julefrokost"; // 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>
<td width=30% valign=top>
<img src=gfx/blank.gif width=20 height=20>
";
if ($dir = opendir($directory)) { // Her definere vi $dir til at fungere som "†bner" af mappen
while ((($file = readdir($dir)) !== false) && $a <= 1)  { // 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.
$a++;
echo "<a href='$directory/$file' target=_blank><img src='$directory/$file' border=0></a>";

} } }
echo "
<img src=gfx/blank.gif width=20 height=20>
</td>
</tr>
</table>
</td>
</tr>
</table>

<table width=0 border=0 cellspacing=0 cellpadding=0 align=center>
<tr>
<td>
<table width=0 border=0 cellspacing=0 cellpadding=0 align=left>
";

$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>";
?>
</td>
</tr>
</table>
</body>
</html>
Avatar billede snigeren Nybegynder
18. juli 2004 - 20:27 #30
uhm... mjaa nu henter den da billeder ind når man trykker...
http://www.triodimenzionale.dk/phptest/test.php

nye 3 ting:
1. men den henter 2 ind
2. der sker ikke noget når man trykker på de andre thumbs
3. og der er ikke nogen 20 pixels afstand i top og bund

men ellers er det fint :P
Avatar billede jammerlab Nybegynder
18. juli 2004 - 20:29 #31
haha ups :) 2.sek skal lige fråde...
Avatar billede jammerlab Nybegynder
18. juli 2004 - 20:49 #32
Lur mig om den ikke burde fungere nu :)

----------

<!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 = "C:/Program Files/Apache Group/Apache2/htdocs/julefrokost"; // link til store pics
$directory_thumb = "C:/Program Files/Apache Group/Apache2/htdocs/julefrokost"; // 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>
<td width=30% valign=top>
<img src=gfx/blank.gif width=20 height=20><br>
";
if(!$picture) {
$a = 1;
if ($dir = opendir($directory)) { // Her definere vi $dir til at fungere som "†bner" af mappen
while ((($file = readdir($dir)) !== false) && $a <= 1)  { // 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.
$a++;
echo "<a href='$directory/$file' target=_blank><img src='$directory/$file' border=0></a>";

} } }
} else { echo "<a href='$directory/$picture' target=_blank><img src='$directory/$picture' border=0></a>"; }
echo "
<br>
<img src=gfx/blank.gif width=20 height=20>
</td>
</tr>
</table>
</td>
</tr>
</table>

<table width=0 border=0 cellspacing=0 cellpadding=0 align=center>
<tr>
<td>
<table width=0 border=0 cellspacing=0 cellpadding=0 align=left>
";

$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>";
?>
</td>
</tr>
</table>
</body>
</html>
Avatar billede snigeren Nybegynder
18. juli 2004 - 22:02 #33
hehe godt med lidt fråde!

Super der mester,.. det ser sku ud til at virke,.. kan det passe at den ikke kan se thumbs hvis ikke der er noget i tilsvarrende billede i stort? (hvilket jo er fint nok)

så mangler jeg bare at finde ud af hvor jeg skal gøre af denne kode for at få afstand mellem rækkerne af thumbnails =)
<img src=gfx/blank.gif width=20 height=20>

jeg har ikke helt overskuet de der mange tabeller indeni hinanden,.. jeg er vandt til at se tingene for mig og ikke som kode =)

men det ser sku fedt ud,..

Er du i mili i den uge der kommer eller er du færdig der? bare hvis der lige kommer et par extra spørgsmål, kunne det jo være fedt hvis du var til stede ellers er det jo bare synd =)

Men jeg holder fast i hvis jeg får penge for sitet ka du oxo lige få et par hundrede,.. det er aftalt men hvem ved =8]
Avatar billede jammerlab Nybegynder
18. juli 2004 - 23:01 #34
hehe :P Det passer ja... du skal havde små thumbs billeder og tilsvarende stort med samme navn... det er sådan det er lavet nu. Det med højden burde fungere men jeg kan godt se lidt på de hvis jeg skal? Jeg har ferie nu så jeg er her også hele næste uge :P
Avatar billede snigeren Nybegynder
19. juli 2004 - 00:31 #35
syret,... hvor svært kan det være at lave en afstand, mellem rækkerne af thumbs, på 10 pixels?!

hjææælp :P    damn jeg føler mig hjælpeløs :(
Avatar billede jammerlab Nybegynder
19. juli 2004 - 00:32 #36
hehe 2.sek
Avatar billede jammerlab Nybegynder
19. juli 2004 - 00:36 #37
Jeg har lavet en gennemsigtig tern på 20x20 med navn space.gif under gfx mappen... det ser ud til at fungere:
-----

<!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 = "C:/Program Files/Apache Group/Apache2/htdocs/julefrokost"; // link til store pics
$directory_thumb = "C:/Program Files/Apache Group/Apache2/htdocs/julefrokost"; // 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>
<td width=30% valign=top>
<img src=gfx/space.gif><br>
";
if(!$picture) {
$a = 1;
if ($dir = opendir($directory)) { // Her definere vi $dir til at fungere som "†bner" af mappen
while ((($file = readdir($dir)) !== false) && $a <= 1)  { // 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.
$a++;
echo "<a href='$directory/$file' target=_blank><img src='$directory/$file' border=0></a>";

} } }
} else { echo "<a href='$directory/$picture' target=_blank><img src='$directory/$picture' border=0></a>"; }
echo "
<img src=gfx/space.gif>
</td>
</tr>
</table>
</td>
</tr>
</table>

<table width=0 border=0 cellspacing=0 cellpadding=0 align=center>
<tr>
<td>
<table width=0 border=0 cellspacing=0 cellpadding=0 align=left>
";

$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>";
?>
</td>
</tr>
</table>
</body>
</html>
Avatar billede snigeren Nybegynder
19. juli 2004 - 00:47 #38
ahh det var ikke der jeg mente,.. afstanden rundt om det store billede var fin før... det var at der skulle afstand mellem rækkerne af thumbnails,.. altså rækkerne med de små billeder.

som du kan se på linket nedenunder, mangler der afstand mellem det nederste thumb og den øverste række thumbs.

http://www.triodimenzionale.dk/phptest/test.php?pictures=jern_og_metal
Avatar billede jammerlab Nybegynder
19. juli 2004 - 11:43 #39
oh my bad... retter det lige.
Avatar billede jammerlab Nybegynder
19. juli 2004 - 11:50 #40
Bruger samme gif altså blank.gif til at lave mellemrummet... det ser ud til at fungere.

----------

<!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 = "C:/Program Files/Apache Group/Apache2/htdocs/julefrokost"; // link til store pics
$directory_thumb = "C:/Program Files/Apache Group/Apache2/htdocs/julefrokost"; // 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>
<td width=30% valign=top>
<img src=gfx/blank.gif width=20 height=20><br>
";
if(!$picture) {
$a = 1;
if ($dir = opendir($directory)) { // Her definere vi $dir til at fungere som "†bner" af mappen
while ((($file = readdir($dir)) !== false) && $a <= 1)  { // 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.
$a++;
echo "<a href='$directory/$file' target=_blank><img src='$directory/$file' border=0></a>";

} } }
} else { echo "<a href='$directory/$picture' target=_blank><img src='$directory/$picture' border=0></a>"; }
echo "
<br>
<img src=gfx/blank.gif width=20 height=20>
</td>
</tr>
</table>
</td>
</tr>
</table>

<table width=0 border=0 cellspacing=0 cellpadding=0 align=center>
<tr>
<td>
<table width=0 border=0 cellspacing=0 cellpadding=0 align=left>
";

$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><tr><td colspan=$max><img src=gfx/blank.gif width=20 height=20></td></tr>";
    $antal = 0;
}
if($antal == 0) { echo "<tr>"; } // Da antal s† er 0 s† starter vi p† en ny r‘kke
}
}
}

echo "</table>";
?>
</td>
</tr>
</table>
</body>
</html>
Avatar billede snigeren Nybegynder
19. juli 2004 - 12:18 #41
det er faeme i orden du,.. nu slipper du =)

jeg syntes ellers jeg havde prøvet alle muligheder med at sætte den der afstand ind men what the heck :P

mange tak for hjælpen, du hører nærmere om jeg får kroner og ører for det :D

/Snig
Avatar billede jammerlab Nybegynder
19. juli 2004 - 13:01 #42
hehe selv tak for denne gang :) du skriver bare hvis der er noget...
Avatar billede snigeren Nybegynder
19. juli 2004 - 14:28 #43
tralala,.. der var lige en sidste ting =)

ved ikke hvor slemt det er, men kan man sortere billederne alfabetisk? det vil sige så "profil_1_1" står længst til venstre "profil_1_2" står som nr 2 og så viddere?

lige nu står de bare helt tilfældigt eller rettere det er som om at det er det billede den loader først som står forrest.

Men hvis det kan lade sig gøre at sortere dem alfabetisk ville det være ultra fedt.
Avatar billede jammerlab Nybegynder
19. juli 2004 - 15:08 #44
bob bob bob... det burde den faktisk? Den tar dem i den rækkefølge de ligger på serveren... så hos mig tar den billede 001 / billede 002 / billede 003 osv
Avatar billede snigeren Nybegynder
19. juli 2004 - 15:43 #45
hm det gjorden også hos mig igår med de der mc_bike billeder,.. men nu kommer de sådan lidt random :(

kan man scripte det så den ikke er i tvivl? så den helt præcist henter dem i den rigtige rækkefølge?
Avatar billede jammerlab Nybegynder
19. juli 2004 - 17:25 #46
Jeg kender ikke til metoden... men man kan sikkert godt gøre det ... jeg ser lige på det ;)
Avatar billede jammerlab Nybegynder
19. juli 2004 - 17:28 #47
"The filenames are returned in the order in which they are stored by the filesystem." Den tar dem som de ligger ... ingen anden måde at gøre det på sådan lige nu og her :)
Avatar billede snigeren Nybegynder
19. juli 2004 - 17:38 #48
oki du,.. tak for indsatsen,... det må være ok så =)
Avatar billede sbay Nybegynder
29. september 2004 - 15:26 #49
Hejsa jammerlab. Jeg prøver at bruge dit script, men får en fejl. Hvis du gider at se på: http://www.flyingfish.dk/gallary.php

Den linie hvor den påstår den fejler er markeret med rød på denne side:
http://www.flyingfish.dk/gallary2.htm

Hvis du/vi kan løse det, skal jeg nok oprette spørgsmål med point :-)
Avatar billede jammerlab Nybegynder
01. oktober 2004 - 22:06 #50
Jeg kan ikke lige se der er nogen fejl?
Avatar billede sbay Nybegynder
02. oktober 2004 - 10:21 #51
jammerlab>> sorry - har rettet det, men se sidste spørgsmål her: http://www.eksperten.dk/spm/545319
Avatar billede snigeren Nybegynder
18. marts 2005 - 00:45 #52
Hey Jammer

Jeg har måske en opgave du kan hjælpe mig med,.. hvis du har lyst tror jeg vi snakker penge, da det er en noget større opgave end dette...

Hvis du er bare det mindste interesseret må du meget gerne mail mig på: snigeren@triodimenzionale.dk så vil jeg lige forklare nærmere...

det værste der kan ske er vel at du siger nej til mit forslag =)

/Snig
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester