Kyse on siis kuvagalleria skriptistä, joka ottaa kuvat palvelimelta, tekee niille koodin, ja tallentaa koodinpätkät vektoriin.
Kuvat tulevat olemaan 20 kuvan sarjoissa ja vektorista sitten tulostetaan sivun mukaan.
Aikaisempi skriptini toimi hyvin, mutta se laittoi kaikki kuvat yhdelle sivulle. Javascript muuten on sitä varten, että linkkien kohteet muutetaan funktioksi, joka vaihtaa suurta kuvaa (joka tulee sivun yläreunaan) ilman uudelleenlatausta.
Ongelma siis on tod. näk. silmukoissa.
Koodi: Valitse kaikki
<?php
$dir = opendir('images/thumbnails/');
$file_name = readdir($dir);
$image_check = false;
$page_index[0] = "";
for($i = 0; $file_name; $i++) {
if(substr($file_name, -4) == '.jpg' || substr($file_name, -5) == '.jpeg' || substr($file_name, -4) == '.gif' || substr($file_name, -4) == '.png') {
$image_check = true;
for($int = 0; $int < 20; $int++) {
$id = 'id' . $int;
$file_path = 'images/thumbnails/' . $file_name;
$img_size = getimagesize($file_path);
$big_img_path = 'images/photos/big_' . $file_name;
$big_img_size = getimagesize($big_img_path);
$width = $big_img_size[0];
$height = $big_img_size[1];
$page_index[$i] = $page_index[$i] . "<a class=\"thumbnail\" id=\"{$id}\" href=\"?target=galleria&page=1&img={$file_name}\" title=\"{$file_name}\" name=\"{$id}\"><img src=\"{$file_path}\" " . $img_size[3] . " alt=\"{$file_name}\" /></a>" . "<script type=\"text/javascript\">switchToJs('{$id}', '{$file_name}', {$width}, {$height});</script>";
}
$img_count++;
}
}
if($image_check == false) {
$page_index[1] = "<p>Ei kuvia.</p>";
}
?>
Koodi: Valitse kaikki
<?php
$dir = opendir('images/thumbnails/');
$file_name = readdir($dir);
$image_check = false;
for($int = 0;$file_name; $int++) {
if(substr($file_name, -4) == '.jpg' || substr($file_name, -5) == '.jpeg' || substr($file_name, -4) == '.gif' || substr($file_name, -4) == '.png') {
$image_check = true;
$id = 'id' . $int;
$file_path = 'images/thumbnails/' . $file_name;
$img_size = getimagesize($file_path);
$big_img_path = 'images/photos/big_' . $file_name;
$big_img_size = getimagesize($big_img_path);
$width = $big_img_size[0];
$height = $big_img_size[1];
echo "<a class=\"thumbnail\" id=\"{$id}\" href=\"?target=galleria&page=1&img={$file_name}\" title=\"{$file_name}\" name=\"{$id}\"><img src=\"{$file_path}\" " . $img_size[3] . " alt=\"{$file_name}\" /></a>";
echo "<script type=\"text/javascript\">switchToJs('{$id}', '{$file_name}', {$width}, {$height});</script>";
}
$file_name = readdir($dir);
}
if($image_check == false) {
echo "<p>Ei kuvia.</p>";
}
?>