Gå til innhold

Hjelp til sorterting av thumbnails.


Anbefalte innlegg

Hei.

 

Har fått tak i et galleri script jeg liker veldig godt, problemet er at jeg skulle ønske den sorterte thumbnails'ene etter navn. Hadde blitt veldig glad om noen kunne se på koden og si meg en løsning.

 

Jeg har merka det rødt der jeg tror det må kodes inn en slags sorterting.

 

Takk for all hjelp!

 

<?php



$images_folder = "images/";
$thumbnail_folder = "thumbs/";

$root_folder = dirname(__FILE__)."/";

function get_images()
{
   global $root_folder, $images_folder;
   $dest = $root_folder.$images_folder;
   $dir = opendir($dest);
   if($dir != NULL)
   {
       $files = array();
       while( ($file = readdir($dir)) != NULL)
       {
           if(!is_dir($dest.$file))
           {
               $files[] = basename($file);
           }
       }
       return $files;
   }
   return NULL;
}
function print_img_tag($image_name_array)
{
[color="#FF0000"]   global $thumbnail_folder;
   foreach($image_name_array as $image)
   {
       $thumbnail = $thumbnail_folder.$image;
       echo('<a href="'.$_SERVER["PHP_SELF"].'?img='.$image.'" onclick="showImage(\''.$image.'\'); return false;">');
       echo('<img class="image" src="'.$thumbnail.'" />');
       echo('</a>');
   }
[/color]
}
?>
<html>
<head>
<title>Gallery title</title>
<style>
html {
   background-color: #000;
}
#images {
   margin:0;
   padding:0;
}
#images a {
   margin: 0.4em;
}
#images img {
   border: 0;
}
#images a:hover {
   border-bottom: 5px solid #ff8000;
}
h1 {
   color: #aaa;
   font-family: "Lucida Console" verdana sans-serif;
   letter-spacing: -0.07em;
   font-size: 120%;
}
#image {
   margin-top: 1em;
   margin-left: 0.4em;
}
</style>
<script languange="Javascript">
function showImage(img)
{
   node = document.getElementById("image");
   if(node != null)
   {
       node.innerHTML = '<img src="<?php echo($images_folder);?>'+img+'" />';
   }
}
</script>
</head>
<body>
<h1>Gallery title</h1>
<div id="images">
<?php echo(print_img_tag(get_images())); ?>
</div>
<div id="image">
<?php
if(isset($_GET["img"]) || strlen($_GET["img"]) > 0) {
   $img = basename($_GET["img"]);
   echo('<img src="'.$images_folder.$img.'" />');
}
?>
</div>
</body>
</html> 

Lenke til kommentar
Videoannonse
Annonse

Jeg orker ikke å grave meg gjennom koden din (den ser også mangelfull ut), men du kan jo prøve noe slikt som dette:

global $thumbnail_folder;

sort($image_name_array);

 foreach($image_name_array as $image)
 {
	 $thumbnail = $thumbnail_folder.$image;
	 echo('<a href="'.$_SERVER["PHP_SELF"].'?img='.$image.'" onclick="showImage(\''.$image.'\'); return false;">');
	 echo('<img class="image" src="'.$thumbnail.'" />');
	 echo('</a>');
 }

Endret av Lokaltog
Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...