So let's look at the part that handles the actual embedding.



Since the url is the bit we're having trouble with, that's what you want to encode.



This is where the url is stored, so let's encode it.



You'll pass the variable holding the unencoded url into the rawurlencode function, which returns the encoded url. You then use that as the source for the image.

speed wrote So let's look at the part that handles the actual embedding.

echo '<li><img class="img" src="ss/' . $dirArray[$index] . '" alt="Image" /><span>' . $dirArray[$index] . '</span>';

Since the url is the bit we're having trouble with, that's what you want to encode.

$dirArray[$index]

This is where the url is stored, so let's encode it.


$unencoded_url = $dirArray[$index];
$encoded_url = rawurlencode($unencoded_url);
echo '<li><img class="img" src="ss/' . $encoded_url . '" alt="Image" /><span>' . $encoded_url . '</span>';


You'll pass the variable holding the unencoded url into the rawurlencode function, which returns the encoded url. You then use that as the source for the image.

You're a star!

Thank you, this has been doing my head in for ages. Seems simple now.

I know your question has already been answered. But you should consider writing your for loops and if statements differently if you plan on integrating html.

It will make it a lot easier to read and manage your html. Here is some example code you can test if you want.



I think you can do this with any php code block. Just make sure you have the end statement.