[Steven Zahm]

@ Ciaran

This is actually a very difficult question to answer because any answer I give you will break your template with the next version release of Connections because all of the image code is changing substantially and using the getImage() function will ensure backward compatibility while updating any “legacy” images to use he new processes.

Right now, you can do this for the image source:

$image = getimagesize( CN_IMAGE_PATH . $entry->getImageNameOriginal() );
$src = CN_IMAGE_BASE_URL . $entry->getImageNameOriginal();
echo "<img width='{image[0]}' height='{image[1]}' src='$src' />";

But this will completely break next release because image file locations are being changed. The constants CN_IMAGE_PATH and CN_IMAGE_BASE_URL still point to the old locations and are only being kept around in order to facilitate the backward compatibility logic which moves the the images from the legacy location to the new location [file/folder structure] auto-magically.

I can give you the new way quite yet because I have at least three core functions to write, which actually will make doing this dead simple.

As for the span tags in the current output, that has to hang around but I’ll have a filter or two that can be hooked into so the output can be changed to anything one could want. That inline style is gone though, moved to the CSS file where it should be.

The purpose of this rewrite is to clean up the ugly image handling/logic code, get rid of dependence on TimThumb and class.upload.php using core WP wherever possible and implement true responsive image support.

I’m about 95% complete with this rewrite. The code is in much, much better shape that it is in now!