Script til visning af billeder

Hejsa

Jeg vil gerne forsøge at mikse to forskellige måder at vise billeder på. Jeg vil kunne uploade billeder til et bibliotek på webserveren, hvorefter alle billeder i dette bibliotek vises når man åbner galleriet der peger på dette bibliotek. Dvs. at man skal kunne uploade billeder uden at skulle ind og kode for at få dem vist. Det er også en mulighed at uploade billederne i en MySQL-database, så kan man jo skrive lidt tekst til dem også. Dette har jeg sådan set noget kode til se kodestump 1.

Udfordringen kommer så nu: Jeg vil gerne have billederne vist ligesom i flashgalleriet fra photoshop. Så der kræver jo nok lidt redigering af deres kode! Se kodestumperne 2 og 3

########### Kode 1:
<?php
//dirpath ved visning af billede i browser
$webpath = "/Billeder/Sommerferie/Images/";
$infopage = "Billeder/Sommerferie/Sommerferie.htm";
$linkpath = "page2=Billeder/Sommerferie/gallery5.php&page1=$infopage";


// path, den fulde sti, til dir med billeder
$fullpath = "/customers/flyingfish.dk/flyingfish.dk/httpd.www". $webpath;


$path = opendir($fullpath);

$billeder = array();

while (false !== ($fil = readdir($path))){
    if (is_dir($fil) || false == @getimagesize($fullpath . $fil)) {
continue;
    }
$billeder[] = $fil;
}
closedir($path);

$antal = count($billeder);

// STARTER OUTPUT

echo"<center>\n";

if($antal < 1) {

echo"Ingen billeder at vise, desv&aelig;rre!!!";

}else{

function make_link($getvar, $tx, $img="", $filnavn="", $class="") {
if(empty($filnavn)) {
$filename = $_SERVER["PHP_SELF"];
}else{
$filename = $filnavn;
}

$text = htmlentities($tx);
if(!empty($img)) {
$text = "<img src=\"". $img ."\" border=\"0\" alt=\"Næste". $text ."\">";
}

return "<a href=\"". $filename . $getvar ."\" class=\"". $class ."\">". $text ."</a>";
}

function get_id($navn, $var="") {
global $billeder;
$key = array_search($navn, $billeder);
    if(empty($var)) {
    return @$billeder[$key-1];
    }else{
    return @$billeder[$key+1];
    }
}

$a = "";
$b = "";
$last = end($billeder);

if(isset($_GET["vis"])) {

    if(in_array($_GET["vis"], $billeder)) {
    $vis = $_GET["vis"];

        if(true == get_id($vis)) {
        $a = make_link("?$linkpath&vis=". get_id($vis), "", "/Graphics/Buttons/prev.gif");
            if($antal > 3) {
            $$a = make_link("", "")."". $a;
            }else{
            $$a = $a;
            }
        }else{
        $$a = "&nbsp;";
        }

        if(true == get_id($vis, 1)) {
        $b = make_link("?$linkpath&vis=". get_id($vis, 1), "", "/Graphics/Buttons/next.gif");
            if($antal > 3) {
            $$b = $b . make_link("?$linkpath&vis=". $last, "", "");
            }else{
            $$b = $b;
            }
        }else{
        $$b = "&nbsp;";
        }

    $size = getimagesize($fullpath . $vis);
    echo "<img src=\"". $webpath . $vis ."\" ". $size[3] .">";

    }else{
    $error = "Billedet findes desv&aelig;rre ikke!<br />\n<a href=\"". $_SERVER["PHP_SELF"] ."\">Klik her</a> for at se billederne";
    }

}else{
$vis = $billeder[0];
$$a = "&nbsp;";

if(true == get_id($vis, 1)) {
    $b = make_link("?$linkpath&vis=". get_id($vis, 1), "", "/Graphics/Buttons/next.gif");
        if($antal > 3) {
        $$b = $b . make_link("?$linkpath&vis=". $last, "", "" );
        }else{
        $$b = $b;
        }
}else{
$$b = "&nbsp;";
}

$size = getimagesize($fullpath . $vis);
echo"<img src=\"". $webpath . $vis ."\" ". $size[3] .">";
}

echo"<p>";

if(!isset($error)) {

echo"<table width=\"360\"><tr>\n";
echo"    <td width=\"100\">". $$a ."</td>\n";
echo"    <td align=\"center\">";
for($x=0; $x < $antal; $x++) {
if($billeder[$x] == $vis) {
echo $x+1;
    }
}
echo" af ". $antal ."</td>\n";
echo"    <td width=\"100\" align=\"right\">". $$b ."</td>\n";
echo"</tr></table><br>\n";
}else{
echo $error;
}
echo"";
}
echo"</center>";
?>

########## Kode 2: javascriptfil
WPGgallery = new Object();
WPGgallery.name = "Billeder";
WPGgallery.photographer = "";
WPGgallery.contact = "";
WPGgallery.email = "";
WPGgallery.date = "04-09-2005"

WPGgallery.colors = new Object();
WPGgallery.colors.background = "#000000";
WPGgallery.colors.banner = "#F0F0F0";
WPGgallery.colors.text = "#FFFFFF";
WPGgallery.colors.link = "#FFFFFF";
WPGgallery.colors.alink = "#737272";
WPGgallery.colors.vlink = "#424142";

gPhotos = new Array();
gPhotos[0] = new Object();
gPhotos[0].filename = "_MG_1401.jpg";
gPhotos[0].ImageWidth = 800;
gPhotos[0].ImageHeight = 533;
gPhotos[0].ThumbWidth = 75;
gPhotos[0].ThumbHeight = 50;
gPhotos[0].meta = new Object();

gPhotos[1] = new Object();
gPhotos[1].filename = "_MG_1403.jpg";
gPhotos[1].ImageWidth = 532;
gPhotos[1].ImageHeight = 800;
gPhotos[1].ThumbWidth = 49;
gPhotos[1].ThumbHeight = 75;
gPhotos[1].meta = new Object();
.
.
.

########## kode 3: xml-fil
<gallery
base = ""
background = "#000000"
banner = "#F0F0F0"
text = "#FFFFFF"
link = "#FFFFFF"
alink = "#737272"
vlink = "#424142"
date = "04-09-2005">
    <sitename>Billeder sommerferie</sitename>
    <photographer></photographer>
    <contactinfo></contactinfo>
    <email></email>
    <security><![CDATA[]]> </security>

<banner font = "Arial" fontsize = "3" color =  "#F0F0F0"> </banner>
<thumbnail base ="thumbnails/" font = "Arial" fontsize = "4" color = "#F0F0F0" border = "0" rows = "3" col = "5"> </thumbnail>
<large base ="images/" font = "Arial" fontsize = "3" color = "#F0F0F0" border = "0"> </large>
<images id = "images">

<image
path = "_MG_1401.jpg"
width = "800"
height = "533"
thumbpath = "_MG_1401.jpg"
thumbwidth = "75"
thumbheight = "50">
</image>


<image
path = "_MG_1403.jpg"
width = "532"
height = "800"
thumbpath = "_MG_1403.jpg"
thumbwidth = "49"
thumbheight = "75">
</image>

.
.
.


Oprindeligt stammer koden herfra:
(geoff@choppingblock.com, http://www.choppingblock.com/)

Håber på lidt hjælp, så gutterne i klubben selv kan være med til at administrere vores hjemmeside ;-)