nGen not displaying image
Development and Programming
I have been trouble shooting this for hours, I am new to EE, and am hoping someone can help.
I am using MAMP to set up my site locally. I’ve installed nGen, everything appears to be working just fine.
My File Uploads settings are as follows: Server Path to Upload Directory: /Applications/MAMP/htdocs/ee/images/uploads/ URL of Upload Directory: http://localhost:8888/ee/images/uploads/
Attached is a screenshot.. see how the “boxer-puppy_1_1.jpg” is definitely linked correctly. When I click on the thumbnail in the post editing screen, it does link to the image properly. (
).
BUT when I view my site, it displays the path of the image, INSTEAD of the image. /ee/images/uploads/boxer-puppy_1_1.jpg <—- This should be the image… why is it displaying this path?
Is there a bug with using MAMP? I’m at a loss!
Agleason,
You haven’t included your template code, but that’s how ngen outputs, so you have to wrap it in the appropriate html markup:
{my_image_field}If you want to get the dimensions of the image see Mark Bowen’s post here.
Alternatively combine with the imgsizer plugin:
{exp:imgsizer:size src="{my_image_field}" width="100" alt="{title}"}Remember you can also use it within a FFMatrix to combine it with over fields such as alt text and url link.
Peter
Wow! That’s all I was doing wrong! I’m SO happy that you helped me out, thanks so much!!