Question

I want to dynamically generate thumbnails, and I found from one of posts here a recommendation that uses SimpleImage class, it is usage like this:

header('Content-Type: image/jpeg');
include('SimpleImage.php');
$image = new SimpleImage();
$image->load('picture.jpg');
$image->resizeToWidth(150);
$image->output();

and the output method is as following:

function output($image_type=IMAGETYPE_JPEG) {

    if( $image_type == IMAGETYPE_JPEG ) {
       imagejpeg($this->image);

    } elseif( $image_type == IMAGETYPE_GIF ) {
       imagegif($this->image);

    } elseif( $image_type == IMAGETYPE_PNG ) {
       imagepng($this->image);

    }
}

this works fine with outputing images, because I received something like binary code on client side. but what I want is a thumbnail slider, so I need all image to be in a <ul></ul>, I tried this using ajax:

updated

function thumb($files){
    echo '<ul>';
    foreach($files as $file){
        $thumb = new Thumbnail();
        $thumb->load($file->getFilePath());
        $thumb->resizeToWidth(80);
        echo '<li>'.$thumb->output().'</li>';
    };
    echo '</ul>';
}

but this does not seem to work. how can I get output something like this so I can do a slider gallery.

<ul>
  <li><img src="path here"></li>
  <li><img src="path here"></li>
</ul>

Answer 1

You’re confusing two things: html layout of images and the scaling of images. You need to keep your scaling code – which is perfectly fine – in a separate php file, say, scale.php – like this:

<?php
    header('Content-Type: image/jpeg');
    include('SimpleImage.php');
    $image = new SimpleImage();
    $image->load($_GET['image']);
    $image->resizeToWidth(150);
    $image->output();
?>

And in your main php, you’ll have a code like this:

<?php
    echo '<ul>';
    foreach($files as $file){
        echo '<li><img src="scale.php?image=' . $file . '"/></li>';
    }
    echo '</ul>';
?>