Difference between revisions of "Adding an image to an article"

From Joomla! Documentation

Line 2: Line 2:
 
{{inuse}}
 
{{inuse}}
 
Images are added to articles using the Editor Buttons below the content editor window in the Edit Article screen.
 
Images are added to articles using the Editor Buttons below the content editor window in the Edit Article screen.
#Open the article for editing using the Article Manager or
+
#Open the article for editing either by:
 +
#*Selecting the article using the Article Manager
 +
#*Clicking the New Article button in the Control Panel
 +
#Choose where you would like your image placed in the flow of the text by moving the cursor and click the Image editor button at the bottom of the screen.
 +
#The Insert Image screen will open over the top of the Edit Article screen. Choose an image by cliking on it. You may also move folders by clicking on the folder icons.
 +
#There are several properties to set for the image:
 +
#*Enter a description in the Image Description field. This becomes the alt attribute for the image, an important feature for accessibility and compliance with web standards.
 +
#*Enter a title in the Image Title field. This is used for the optional caption and also becomes the title attribute in HTML.
 +
#*Choose the image alignment using the drop down menu.
 +
#*Choose whether you would like a caption displayed using the Caption checkbox.
 +
#When you have finished setting options click the Insert button to insert the image. The Insert Image screen will close.
 +
 
 +
You may also upload new images using the Upload section of the Insert Image screen.
 +
#Click the Browse button to open a file browser.
 +
#Select the image files you wish to upload. Click Open in the file browser to confirm the selection. Note: The filebrowser depends on the browser and operating system you are using.
 +
The selected file(s) appear as a

Revision as of 12:45, 21 June 2008

Quill icon.png
Page Actively Being Edited!

This article is actively undergoing a major edit for a short while.
As a courtesy, please do not edit this page while this message is displayed. The user who added this notice will be listed in the page history. This message is intended to help reduce edit conflicts; please remove it between editing sessions to allow others to edit the page. If this page has not been edited for several hours, please remove this template, or replace it with {{underconstruction}} or {{incomplete}}.

Images are added to articles using the Editor Buttons below the content editor window in the Edit Article screen.

  1. Open the article for editing either by:
    • Selecting the article using the Article Manager
    • Clicking the New Article button in the Control Panel
  2. Choose where you would like your image placed in the flow of the text by moving the cursor and click the Image editor button at the bottom of the screen.
  3. The Insert Image screen will open over the top of the Edit Article screen. Choose an image by cliking on it. You may also move folders by clicking on the folder icons.
  4. There are several properties to set for the image:
    • Enter a description in the Image Description field. This becomes the alt attribute for the image, an important feature for accessibility and compliance with web standards.
    • Enter a title in the Image Title field. This is used for the optional caption and also becomes the title attribute in HTML.
    • Choose the image alignment using the drop down menu.
    • Choose whether you would like a caption displayed using the Caption checkbox.
  5. When you have finished setting options click the Insert button to insert the image. The Insert Image screen will close.

You may also upload new images using the Upload section of the Insert Image screen.

  1. Click the Browse button to open a file browser.
  2. Select the image files you wish to upload. Click Open in the file browser to confirm the selection. Note: The filebrowser depends on the browser and operating system you are using.

The selected file(s) appear as a