|
Tutorial Text
- In this tutorial we will be exploring the JCE image manager. This is a very powerful, fully functional image manager.
- At this point we are in a content item. Begin by clicking the image manager icon.
- First let's insert an image into the content item. Choose the folder to select the image from
- Then select the image
- Then click the Insert button
- The image has been inserted into the article. Let's go back to the image manager.
- Now let's create a new folder
- Enter the name of the folder and click OK
- Now let's go into the folder and upload a new image
- Browse to select the image
- Select the image and click Open
- You can also create a thumbnail image and change the image quality
- Then click Upload
- Now we can delete the image. Click the image name.
- Then click the delete icon
- Confirm you want to delete it.
- It has been deleted
- When inserting an image you can also change many options
- You can change the URL of the image
- You can also change the description and title of the image
- Let's move on to the Appearance tab
- You can set the image alignment
- Default - No alignment is set. The image gets inserted before the cursor on it's own line
- Baseline - The image will be inserted before the cursor with a ox of text middle-aligned with the bottom of the image
- Top - Inserted before the cursor with one line of text aligned to the top of the image
- Middle - Inserted before the cursor with one line of text middle-aligned with the image
- Bottom - Inserted before the cursor with one line of text aligned with the bottom of the image
- TextTop - Inserted before the cursor with one line of text middle-aligned with the top of the image
- Absolute Middle - Inserted before the cursor with one line of text middle aligned with the image
- Absolute Bottom - Inserted before the cursor with one line of text middle-aligned with the bottom of the image
- Left - Inserted at the beginning of the paragraph with the text wrapped to the right of the image
- Right - Inserted at the beginning of the paragraph with the text wrapped to the left of the image
- You can choose a CSS class for the image
- You can also change the dimensions of the image
- You can change the spacing of the image
- You can change the size of the border of the image
- You can also set CSS styling to use for the image
- Let's move on to the Popup Image tab
- If you want to create the image as a thumbnail with a popup you can set that up here.
- Let's move on to the Rollover Image tab
- If you want to create a rollover image you can set the mouse over and mouse out images.
- Let's move on to the Advanced tab
- You can set the id of the image
- You can set the language direction and code used in the image
- You can set image map info
- You can also set a long description for the image
 |
