When posting multiple images, it gets a little more complexed than a single image, especially depending on the size and number of images, but fear not, once you post the code a couple times, it becomes easy.
First, we will discuss posting multiple images without thumbnails. This is pretty much straight forward, but there are a couple things to note. First and most important, is to uncheck the "Covert URL Links" box right below the text box. This will allow the images to show instead of broken code. Here is an example of the code posting three images:
?img noborder* your URL address here ?/img*
?img noborder* your URL address here ?/img*
?img noborder* your URL address here ?/img*
This would result as the following:
Now to add the same images, but centered, put the centering code at the beginning of the images and close it at the end. The code would look like this:
?center*?img noborder* your URL address here ?/img*
?img noborder* your URL address here ?/img*
?img noborder* your URL address here ?/img*?/center*
This would be the result:
To add spacing betwwen the images from top to bottom, simply skip a line between each images code. The code would look like this:
center*?img noborder* your URL address here ?/img*
?img noborder* your URL address here ?/img*
?img noborder* your URL address here ?/img*?/center*
The result would appear like this:
Now for the second phase, lets add thumbnails to save upload time and make the images quicker to view. First, a thumbnail should be a copy of the original image, but reduced to 150 pixels in width. With this new image, it will appear as an image, but work like a link to the larger image. Here is an example:
The image (thumbnail) is linked to the larger image which opens in a new browser window. This is what the code looks like for this thumbnailed image posted three times: (NOTE: That the image code for each picture is written one after the other so that the images appear on the same line.)
?link= your URL address to the larger image here newwindow*?img* your URL address to the thumbnail image here ?/img*?/link*?link= your URL address to the larger image here newwindow*?img* your URL address to the thumbnail image here ?/img*?/link*?link= your URL address to the larger image here newwindow*?img* your URL address to the thumbnail image here ?/img*?/link*
This is the result:
Now to center the images and to give them verticle space between them, simply add two spaces between each image code, and add the centering codes. Here is an example of the code:
?center*?link= your URL address to the larger image here newwindow*?img* your URL address to the thumbnail image here ?/img*?/link* ?link= your URL address to the larger image here newwindow*?img* your URL address to the thumbnail image here ?/img*?/link*? link= your URL address to the larger image here newwindow*?img* your URL address to the thumbnail image here ?/img*?/link*?/center*
The result appears like this:
So, basically, this is all that is needed to post multiple images. However, if you should have any troubles with the code or posting, contact me by e-mail at BattleFleetModel@aol.com
First, we will discuss posting multiple images without thumbnails. This is pretty much straight forward, but there are a couple things to note. First and most important, is to uncheck the "Covert URL Links" box right below the text box. This will allow the images to show instead of broken code. Here is an example of the code posting three images:
?img noborder* your URL address here ?/img*
?img noborder* your URL address here ?/img*
?img noborder* your URL address here ?/img*
This would result as the following:
Now to add the same images, but centered, put the centering code at the beginning of the images and close it at the end. The code would look like this:
?center*?img noborder* your URL address here ?/img*
?img noborder* your URL address here ?/img*
?img noborder* your URL address here ?/img*?/center*
This would be the result:
To add spacing betwwen the images from top to bottom, simply skip a line between each images code. The code would look like this:
center*?img noborder* your URL address here ?/img*
?img noborder* your URL address here ?/img*
?img noborder* your URL address here ?/img*?/center*
The result would appear like this:
Now for the second phase, lets add thumbnails to save upload time and make the images quicker to view. First, a thumbnail should be a copy of the original image, but reduced to 150 pixels in width. With this new image, it will appear as an image, but work like a link to the larger image. Here is an example:
The image (thumbnail) is linked to the larger image which opens in a new browser window. This is what the code looks like for this thumbnailed image posted three times: (NOTE: That the image code for each picture is written one after the other so that the images appear on the same line.)
?link= your URL address to the larger image here newwindow*?img* your URL address to the thumbnail image here ?/img*?/link*?link= your URL address to the larger image here newwindow*?img* your URL address to the thumbnail image here ?/img*?/link*?link= your URL address to the larger image here newwindow*?img* your URL address to the thumbnail image here ?/img*?/link*
This is the result:
Now to center the images and to give them verticle space between them, simply add two spaces between each image code, and add the centering codes. Here is an example of the code:
?center*?link= your URL address to the larger image here newwindow*?img* your URL address to the thumbnail image here ?/img*?/link* ?link= your URL address to the larger image here newwindow*?img* your URL address to the thumbnail image here ?/img*?/link*? link= your URL address to the larger image here newwindow*?img* your URL address to the thumbnail image here ?/img*?/link*?/center*
The result appears like this:
So, basically, this is all that is needed to post multiple images. However, if you should have any troubles with the code or posting, contact me by e-mail at BattleFleetModel@aol.com
