When an image is selected from the list, we want to show it on the right. However, as we will be manipulating the image quite a bit, we want to have the image come through a script first.
At first, there will be no manipulation at all.
We want the file displayed in the table cell on the right when we click on the file name. You might have noticed in the last example that every file has a title which says where in the files repository it is located.
We will make a large amendment to the images.js
file, so delete all the current contents, and rewrite the file as follows:
function images_selectImage(imgurl){ window.image={ 'url':imgurl, 'effects':[] }; images_showImage(); } function images_showImage(){ $('#image_holder').html( '<img src="images_show.php?f='+image.url+'" />' ); } $(document).ready(function(){ $("#directory_list").treeview({ 'collapsed':true }); $('.file').click(function(){ images_selectImage...