Difference between revisions of "Multiple Images Per Post"
| Line 31: | Line 31: | ||
The remote system of SailBlogsVR and XJSail is limited in a couple of ways, and one is that there can only be one image attachment per email to the system. David of Amanzi (http://www.floatingclassroom.com) found a way around this. | The remote system of SailBlogsVR and XJSail is limited in a couple of ways, and one is that there can only be one image attachment per email to the system. David of Amanzi (http://www.floatingclassroom.com) found a way around this. | ||
| − | 1. You'll need to have confirmation | + | 1. You'll need to have [[Using_SailBlogs_Remote#Confirmation_Messages|confirmation messages]] turned on - see your remote [[properties]]. |
2. Compose a remote post with an image attachment, setting the [[Using_SailBlogs_Remote#The_View_Option|view]] to OFF and just some minor description in the body field. | 2. Compose a remote post with an image attachment, setting the [[Using_SailBlogs_Remote#The_View_Option|view]] to OFF and just some minor description in the body field. | ||
| − | 3. The remote processor will send a | + | 3. The remote processor will send a confirmation message that also includes the FILE NAME of the image that was sent. Images sent with remote posts always get new file names, regardless of the name of the file that was attached. |
4. Now you know the name of the image file that is on the SailBlogs server, and you can build an HTML link to that image in another post. Images are always stored in the | 4. Now you know the name of the image file that is on the SailBlogs server, and you can build an HTML link to that image in another post. Images are always stored in the | ||
Revision as of 22:23, 6 August 2008
With some knowledge of basic HTML, additional images can be added to a blog post. refer to this example of multiple images per post.
Image on another web page
If the image is located on another website, like a Flikr image gallery or some other location, a standard html tag for an image can inserted into the blog post:
<img src="http://www.domain-with-image.com/abcde.jpg" class="blogImg">
Image loaded to SailBlogs
If you want to upload the image to SailBlogs, and take advantage of the automatic scaling features and image storage, the following method can be used:
1. Create a new blog post, give it a title of something like 'image holder' (it doesn't really matter what the title is), a body with just some dummy text (again it doesn't matter), and attach an image.
2. Make sure the display of the message in pt 1 is OFF, and submit the post to the system.
3. Return to your message list, and click on the the image holding post. You should see the image displayed. When you right click on the image (Windows), or click-hold (mac) you ought to see a menu option for properties or image info. Note the part of the URL for this image that comes after your directory.
Looking at the properties for the image, the URLs for the images are something like
http://www.sailblogs.com/member/yourdir/images/abcde.jpg
Take note of the image name. Usually the image will be the same name as you uploaded, but not always.
4. Create the entry that will display multiple images. In the body of the post, put the link as illustrated below in the text where you want the image to appear:
<img src="/member/yourdirectory/images/abcde.jpg" class="blogImg">
Note that there is no slash before the word images.
5. if you attach an image to the post as you normally would with the browse button, that image will appear, as always, below the title, with the body image (from step 4) following as part of the body text.
Multiple Images in Remote Posts
The remote system of SailBlogsVR and XJSail is limited in a couple of ways, and one is that there can only be one image attachment per email to the system. David of Amanzi (http://www.floatingclassroom.com) found a way around this.
1. You'll need to have confirmation messages turned on - see your remote properties.
2. Compose a remote post with an image attachment, setting the view to OFF and just some minor description in the body field.
3. The remote processor will send a confirmation message that also includes the FILE NAME of the image that was sent. Images sent with remote posts always get new file names, regardless of the name of the file that was attached.
4. Now you know the name of the image file that is on the SailBlogs server, and you can build an HTML link to that image in another post. Images are always stored in the
/member/yourdirectory/images/
directory. So the HTML in the post that will be visible to the user would be
<img src="/member/yourdirectory/images/abcde.jpg" class="blogImg">
