Adding an Image to an Article



Adding an image to an article can be a little tricky and difficult when you first try it. It involves a little finesse and patience to get the picture to appear the way you want it to appear with the text. Below are the two different ways to add pictures, the first is most likely the easiest.

Adding an Image – Option 1

  • Place the cursor in the correct position that the image is to appear in the article.
  • On the bottom left hand part of the Adding/Editing an Article screen, there are about three to six buttons. Select the left one that says Image. This will display a window that directly shows everything in the media manager.
  • Select the image that is to be displayed
  • Below the images are fields that can be completed.
    • The Image URL is the location of the image in your Media Manager. This should be automatically filled in when you select an image and should not be changed.
    • The Align determines if the image will appear on the inside left or right of the article. If no option is selected, the Not Set will put the image on the left side by default.
    • The Image Description is used to provide a description of the image that will be used by website readers for those who are sight impaired. If no text is entered here, the image will be skipped by website readers and may have a negative impact on your site in those viewers’ minds.
    • Image Title is what will appear when the cursor is hovering over the image.
    • Caption will display the Image Title beneath the image.
  • When finished, select Insert in the top right corner of the window to insert the image into the article.



Joomla 1.5





View of Image Screen while making changes





Finished Image in article editing


Joomla 2.5





View of Image Screen while making changes




Finished Image in article editing



Adding An Image – Option 2

For Joomla 1.5

  • Make sure the cursor is in the location that you want your image to appear in or select the picture you wish to edit or change.
  • In the editing rows for the text, there is an Insert/Edit Image key that is used to insert or edit your image into the text



Image Key

  • After clicking the icon, a box will pop up with 3 tabs: General, Appearance, and Advanced.
  • The General tab is where the Image URL, Image Description, and Title for the picture.
  • The Image Description is used to provide a description of the image that will be used by website readers for those who are sight impaired. If no text is entered here, the image will be skipped by website readers and may have a negative impact on your site in those viewers’ minds.
  • The Title is the text that will appear while the mouse is hovering over theimage. This can be used as a pure title or as a description of what the image is.
  • The Image URL is the image path from the Images folder in your Media Manager. An example path may look like: images/(folder if one)/(name from Media Manager).(type) or images/soccer/goal_kick.jpg
  • If entered correctly, the image will appear in the Preview box



Preview Box


For Joomla 2.5

  • Make sure the cursor is in the location that you want your image to appear in or select the picture you wish to edit or change.
  • In the editing rows for the text, there is an Insert/Edit Image key that is used to insert or edit your image into the text



Image Key

  • After clicking the icon, a box will pop up
  • The Image URL is the image path from the Images folder in your Media Manager. An example path may look like: images/(folder if one)/(name from Media Manager).(type) or images/soccer/goal_kick.jpg
  • The Image Description is used to provide a description of the image that will be used by website readers for those who are sight impaired. If no text is entered here, the image will be skipped by website readers and may have a negative impact on your site in those viewers’ minds.
  • Click Insert when done



Preview Box