How To Add Photos

Step 1: Navigate to the "Images/Documents" Manager for an Item

1. Navigate to the "login.asp" page of 20/20 DataShed on your web site.
2. Login to any user or administrative account which has permission to view and edit items.
3. Click on the "View Listings" link or button in the main administrative menu to view the items.
   
4. Click on the "Pencil" or "Edit" icon beside the item you wish to edit.
5. The "View Item" dialogue box (window) will open.
6. Click on the "Images/Documents" button or link at the top of the page to view the "Images/Documents" tab.
7. Proceed to the next section.

Step 2: Upload an Image

1. The "Images/Documents" Manager should be open.
   
2. To upload an image to the server, click on the "Browse..." button.
3. A "Choose File" dialogue box will open and you can select any photo or document on your computer to upload to the web server.
4. In this example we will select a photo.
5. If you wish to upload more than one file simultaneously, then click on the "...More" button. A second text box will appear with a second "Browse..." button whereby you can select another file from your computer. (While it's possible to select many files simultaneously, we recommend that you be careful not to select multiple files if they have very large file sizes. The script may "time-out" if the data requires more than 10 minutes to transfer or the web server may reject very large uploads.)
   
6. This screen shot shows two photos have been uploaded.
   

Things to note about this screen shot:

• As images are uploaded, 20/20 DataShed will measure the width and height (dimensions) of the photo and will automatically update those texts fields for you. You may change the dimensions and then click "Update" but note that doing so will not alter the original file -- these settings only effect the width and height of the image as it is displayed in the "f-showimage.asp" popup window.
• If you wish to give each photo a title, then type the title (i.e. "Front View!") into the text box and then click "Update".
• Images can be displayed in any order. Click on the up or down arrows to re-order them. This will effect the order in which the images appear in the photo modules on the listings page and in search results.
• The "Folder" icon (on the left beside the up and down arrows) indicates that these images are "on file" and reside locally in a folder on the web server.

Step 3: Upload a Document

1. The "Images/Documents" Manager should be open.
   
2. To upload a document to the server, click on the "Browse..." button.
3. A "Choose File" dialogue box will open and you can select any photo or document on your computer to upload to the web server.
4. In this example we will select a document.
5. If you wish to upload more than one file simultaneously, then click on the "...More" button. A second text box will appear with a second "Browse..." button whereby you can select another file from your computer. (While it's possible to select many files simultaneously, we recommend that you be careful not to select multiple files if they have very large file sizes. The script may "time-out" if the data requires more than 10 minutes to transfer or the web server may reject very large uploads.)
6. This screen shot shows that one document has been uploaded.
   

Things to note about this screen shot:

• If you wish to give each document a title, then type the title (i.e. "Check out the Video!") into the text box and then click "Update".
• Documents can be displayed in any order. Click on the up or down arrows to re-order them. This will effect the order in which the images appear in the on the listings page and in search results.
• The "Folder" icon (on the left beside the up and down arrows) indicates that this document is "on file" and resides locally in a folder on the web server.
• Also in this example, the file we uploaded is a recognized video format (.ASX) and therefore a small "film/video" icon is displayed beside the forms. The same icon will be used in the public area to indicate to the visitor that this downloaded document is a video format.

Step 4: Link to a Photo or Document

20/20 DataShed can link to any file anywhere on the internet by URL. The same features and tools are available for these files with the main difference being that they are not stored locally on the web server.

The benefits of doing this include the fact that photos and documents require a significant amount of storage space -- you may choose to link to foreign files rather than store them locally. The disadvantages of doing this is that the files and documents may not reside permanently at the current URL -- it's possible that you will link to a file that will relocated or removed from the internet without warning and this may create a broken link on your web site.

1. The "Images/Documents" Manager should be open.
   
2. Type the full URL into the text box beside the URL icon (). A "full URL" (also known as "absolute URL") looks like this:

   http://www.domain_name.com/folder/filename_with_extension.ext

   Sometimes, an absolute URL may also have additional information.

   http://www.domain_name.com/folder/filename_with_extension.html?querystring=etcetera,etcetera#Hello!

3. Then click on the "Continue" button.
4. In the following screen shot you can see that we've created two links. One link to the following URL:

   http://www.hotscripts.com/pdf/52226.pdf

   Note that:
   • 20/20 DataShed recognizes this link as a .PDF document and correctly displays the .PDF icon beside the new document.
   • The URL icon beside the up or down arrows by this new document indicates that this is a link to a foreign document (i.e. it doesn't reside on the local web server and is treated as a "web link").
   • We can give this new document a title, then click "Update". We can also change the order of these documents if we choose by clicking on the up or down arrows.
   The second link that we've created in this example is to the following URL:

   http://wheels.2020datashed.com/uploads/03_neon_yellow3.jpg
   It's a picture of a steering wheel.

   Note that:
   • 20/20 DataShed recognizes this link as a .JPG photo and correctly displays it along with the other photos.
   • The URL icon beside the up or down arrows by this new document indicates that this is a link to a foreign photo. Therefore it doesn't reside on the local web server.
   • 20/20 DataShed will attempt to measure the dimensions of the foreign image (in this example, DataShed was successful in determining that the foreign image is 300 x 225 pixels). 20/20 DataShed may not always succeed at this measurement but you can enter the values manually as well.
   • We can give this new photo a title, then click "Update". We can also change the order of these photos if we choose by clicking on the up or down arrows.