Posting a picture

ConnieOConnieO Member
How do you post a picture in the discussion post?
«13

Comments

  • kyleakylea Administrator
    edited August 2012
    Hi Connie,

    I covered this earlier in a previous thread. This was the answer:

    In order to post images you have to be comfortable with some simple HTML. The HTML I used for this image is below. I added a space between < and img in order to force it to display as text. Remove that space and replace the URL with your own, and you can post an image. You can click "Preview" in the comment box before you post. If you see your photo in the preview box, your HTML and URL are correct.

    image

    < img src="http://www.zenyatta.com/site/wp-content/uploads/2012/03/zen5a-620x458-220x200.jpg">

    Do note that the image you want to post must already be hosted somewhere on the internet, either on your own website or through a service such as Flickr.
  • Thanks Kylea! A little too complicated for me, I'm afraid. Also, don't have any pics posted on a website. Just wanted to post a pic of the weanlings I posted on another thread. Thanks again.
  • kyleakylea Administrator
    edited April 2013
    Once again, to clear up any confusion:

    Images can only be posted with links as described above.

    You cannot upload images directly to the forum. Instead, you must use an image hosting service. Tinypic.com and Imageshack.us have been recommended by members of this forum. Flickr is another option.

    I just quickly signed up for a free account at Imageshack.us to try it out. You upload a photo you want to post and copy the link they provide into your forum post.

    Here's an example using the "Direct Link" option from ImageShack, following this formula:
    <img src="Direct Link here">

    image


    The ImageShack "Code for Websites" looks like this (the photo is clickable and it takes you to the ImageShack page):

    Image Hosted by ImageShack.us
  • Thank you so much, Kylea. I'll certainly try this method when I get back to the Forum. I've got to go do other things now (I haven't any clean dishes left) before I get locked on here watching Mare State all night.
  • horseluver13horseluver13 Member
    edited May 2013
  • kyleakylea Administrator
    @horseluver13 you're using the "Code for Forums" which doesn't actually work in our forum. Use the "Code for Websites" option from ImageShack, which will start with "<a href"
  • okay,thankj you
  • thank*
  • Paniolo_GalPaniolo_Gal Member
    edited June 2013
    Hi Kylea- I did a test sample of a jpg photo image of a painting I did and tested this out in one of our discussions (Rare & Unfamiliar Horse Breeds)...using your direct link formula. I used the free imageshack.us with the formula: img src="...." however my image came out really, really small (but my photo is only 371KB). I'm not sure if it's a raster/vector issue...but...Is there a way I can adjust the size of the image via imageshack? I don't have my painting anymore so I can't take another photo to get a higher resolution of the painting. Please advise...thanks! btw...I tried to check imageshack's edit options and they only had rotate: landscape/portrait.
    Here is the image:
    Image Hosted by ImageShack.us

    Also, the reason I did this test was because other members feel the options provided to get a photo that is not already hosted is just too difficult for them to follow. I know in Craigslist, when you have something to sell, etc. Craigslist provides a photo insert prompt to input the sellers photo from a file on their computer. Not trying to be a pest or anything...just trying to help others who can't share their personal photos because the steps are just too complicated for them. Are there any options similar to Craigslist's photo insert prompt that can be implemented into the forum? If it's not possible, I understand.
    I just want to help others who really want to share their photos but can't.
  • Paniolo_GalPaniolo_Gal Member
    edited June 2013
    Kylea-
    For some odd reason, the image showed up before, but now...there is only a place marker.
    This is the image I had input earlier...tried to see if I could edit the above posting, but it was past 24hrs.
    Image Hosted by ImageShack.us

    Please refer to the above posting...
    Do I have to have a photo with higher resolution in order for it to be bigger than a postage stamp?

    Update 6/16/13 Per Kylea's instruction for resizing photos using drop down resize option...here we go!
    Resized enlargement of 320x240 test:
    Image Hosted by ImageShack.us

    Resized enlargement of 640 x 480 test:
    Image Hosted by ImageShack.us

    Also, please respond to the last paragraph above for others who have difficulty inserting their own photos. (Craigslist photo input prompt as an example).
    Thanks!
  • kyleakylea Administrator
    edited June 2013
    I'm not sure if it's a raster/vector issue...but...Is there a way I can adjust the size of the image via imageshack?
    ImageShack has a drop down menu with an Image Resize option on the upload page. Try uploading your photo again and choosing a larger size (they suggest 640 x 480 for message boards).
    I know in Craigslist, when you have something to sell, etc. Craigslist provides a photo insert prompt to input the sellers photo from a file on their computer. Not trying to be a pest or anything...just trying to help others who can't share their personal photos because the steps are just too complicated for them. Are there any options similar to Craigslist's photo insert prompt that can be implemented into the forum?
    Craigslist is a much larger website and has the ability to host user photos. We do not. It's very common for message boards to require the use of an image hosting service, and there are many out there to choose from. It takes a little practice if you're not familiar, but don't be discouraged. Keep trying and ask for help!
  • Paniolo_GalPaniolo_Gal Member
    edited June 2013
    Paniolo_Gal said:
    I'm not sure if it's a raster/vector issue...but...Is there a way I can adjust the size of the image via imageshack?

    Kylea said: ImageShack has a drop down menu with an Image Resize option on the upload page. Try uploading your photo again and choosing a larger size (they suggest 640 x 480 for message boards).

    Thanks so much Kylea! Tried the drop down resize option from ImageShack on my 6/15/13 posting and it worked! Appreciate the help! :o)
  • Hi Kylea!
    Another quirky question regarding attaching photos, etc. using a web hosting site:
    If I have a pdf which has text and photos within the document...can I use a hosting site to attach a pdf as well into Zenyatta's forum site?
  • kyleakylea Administrator
    @Paniolo_Gal, I don't believe you can upload pdfs to Image Shack.
  • Paniolo_GalPaniolo_Gal Member
    edited July 2013
    Moderator edit: comment deleted due to hotlinking.
  • Paniolo_GalPaniolo_Gal Member
    edited July 2013
    Hi Kylea!
    I've been trying to help some of the viewers attach a URL image link onto the posting window. I've provided step by step under Posting a Picture above.
    One viewer said she right clicked on the image of Z13 peeking from behind mama...but she doesn't get a drop down list that says copy image URL...only "copy" What is wrong? Please advise. Thanks!
  • kyleakylea Administrator
    @Paniolo_Gal, I don't know the answer to this question. Terribly sorry! I have a feeling it's related to the computer, operating system, and browser used (and has little to do with Zenyatta.com). For example, on an iMac running OS 10.8 and Safari, I see "Copy Image Address" instead of "Copy Image URL."
  • Paniolo_GalPaniolo_Gal Member
    edited July 2013
    @Paniolo_Gal, I don't know the answer to this question. Terribly sorry! I have a feeling it's related to the computer, operating system, and browser used (and has little to do with Zenyatta.com). For example, on an iMac running OS 10.8 and Safari, I see "Copy Image Address" instead of "Copy Image URL."
    I think you may be right regarding the search engine/browser used. I tested the copy image URL on another computer (Windows 7) and used just the basic internet explorer to access news (cnn.com). I tried to right click on a photo and there was no notation for Copy Image URL or Copy Image Address. However, on this same computer, I used google.com AND goggle chrome and was able to get "Copy Image URL' when I right clicked. Interesting? Could this be the reason...the search engines/browser other than google?
  • kyleakylea Administrator
    It should be browsers, not search engines. Browser options include Chrome, Safari, Firefox and Internet Explorer.
  • OK! Haven't kept up with the lingo used these days...but you know what I meant. Thanks!
  • Paniolo_GalPaniolo_Gal Member
    edited July 2013
    HOW TO PUT EMPHASIS BY USING BOLD FACE, ITALICS , ETC.:
    Figured out this option in a 5/18/13 discussion with L_Q_Q_K in COZMIC ONE AKA (Z12)...
    But trust me, getting pictures to show here isn't as complicated as it seems to be. Some of you are taking pictures from websites and then loading them to SmugMug, Photobucket, TinyPic or whatever photo hosting site you are using. Then ya'll are using the photo hosting site's feature of uploading a picture in this very forum because it provides the proper URL. Seems to me to be an awful lot of work and time consuming. And by the time you upload to the hosting site and then post a link here, the "moment" may be lost and the topic may have evolved elsewhere. Trust me, I'm not faulting any of you for what works for you. It's just there is a ridiculously easier way in Internet Explorer.
    I was impressed that you were able to get "BOLD FACE" for "Internet Explorer". I was going to ask you how you did that...but then found when quoting your statement...that you used < b > before the words and < /b > after. Let me try: You can teach an old dog new tricks!

    (NOTE:: no spaces between < and b and > AND < and /b and >.) I had to put spaces so that it would show up as the symbols used instead of another bold face notation.)

    YEAH! It worked! I learned something new thanks to L_Q_Q_K! :o)

    Other cues provided by L_Q_Q_K: between the brackets use: i for italics, u for underscore, strike for crossing out a word. To combine 2 enhancements you must provide the brackets with the cue alpha and closing brackets for both cues: < b > < i > WORD OR PHRASE < /b > < /i >
    Same rule applies to 3 font enhancements combined: < b > < i > < u > COMBINATIONS < /b > < /i > < /u >

    L_Q_Q_K will later provide more information about the above, lists and perhaps colored text in a later posting.
  • L_Q_Q_KL_Q_Q_K Member
    edited July 2013
    Moderator edit: comment deleted due to hotlinking.
  • Paniolo_GalPaniolo_Gal Member
    edited July 2013
    I should add that L_Q_Q_K's tutorial directly above is for people who use INTERNET EXPLORER. Members who use GOOGLE for their browser should follow the tutorial posting listed earlier above on this page entitled:
    COPYING AN IMAGE LINK FROM A WEBSITE INTO YOUR FORUM POSTING WINDOW:
    The reason...the steps involved are different while hovering over the image...using a right click to find the drop down screen and left clicking on Copy Image URL instead.

    DIRECT IMAGE POSTING:
    To manually embed an image directly into you posting (direct post: img src)...follow L_Q_Q_K's steps starting from # 4.

    Look for little Z13 peeking from behind mama to find the URL link posting for GOOGLE users:
    image
  • Paniolo_GalPaniolo_Gal Member
    edited July 2013
    HOW TO CREATE A URL LINK OR A DIRECT LINK POSTING FROM YOUR OWN PHOTOS.
    To get started...click onto this link below to register with ImageShack. Don't worry, it's a free webhosting site.
    http://imageshack.us/registration/

    Now that you've signed up…
    You should have received a confirmation email with your ImageShack "REGISTRATION LINK"
    Image Hosted by ImageShack.us

    Keep this link in a safe place…this is you access into ImageShack's photo downloading site for future use.

    STEP ONE: GETTING STARTED
    1. Click on your "REGISTRATION LINK" from your email…
    This will open up to ImageShack's webpage:
    Image Hosted by ImageShack.us

    2. Before you upload your images-Make sure your photos are either: jpg, jpeg, png, gif, bmp, tif, tiff, swf and that your photo image is less than 1024 kilobytes (see red arrow)

    3. Next click on "MEDIA UPLOAD" (see Blue Arrow above)

    STEP TWO: ACCESSING YOUR COMPUTER PHOTO FILES
    1. The Upload Window now appears as you see below.
    2. Click on the "BROWSE" button below (red arrow)
    Image Hosted by ImageShack.us


    3. The browser will open your computer files so you can locate your Picture Files as shown Below.

    4. Select your photo that you want to download by clicking and highlighting it as you normally would for printing or attaching to your emails.
    Image Hosted by ImageShack.us

    5. After selecting your photo
    click on the "OPEN" button on the lower right corner as shown on the Screen above.

    STEP THREE: HOW TO RESIZE YOUR PHOTOS
    1. ImageShack webpage now opens up as you see below:
    2. In the Image resize window, click on the arrow on the right of the window. (see Blue Arrow Below)
    Image Hosted by ImageShack.us

    Refer To The Image Below:
    3. After clicking the Image Resize Arrow…a drop down screen appears.
    Per Kylea click on either 320x240 (for websites and email) or 640x480 (for message boards) but if a larger image is needed then maximum 800x600.
    See enlargement on the right of the screen for image resize choices (red arrows below)

    Image Hosted by ImageShack.us


    STEP FOUR: UPLOADING YOUR PHOTOS INTO IMAGESHACK
    1. After selecting your image resize proportion…
    2. Click on UPLOAD NOW see Blue Arrow below...
    Image Hosted by ImageShack.us

    3. The screen will now change to what you see below with a green bar indicating your photo uploading progress (see blue arrow)
    4. Wait patiently until the "Waiting for Imageshack.us" disappears which indicates your image has been successfully downloaded. (see Red Arrow below)
    Image Hosted by ImageShack.us


    Image Hosted by ImageShack.us


    STEP FIVE: STARTING YOUR OWN WEB IMAGES COLLECTION
    1. The Screen above will now appear showing the photo you have just downloaded.
    (See Blue Arrow-above)
    2. Next click on or hover over "MY IMAGES" (see Red Arrow above)
    3. A drop down list appears. Click on My ImageShack it is the first choice from the drop down screen -it will turn yellow upon selection.

    Image Hosted by ImageShack.us


    STEP SIX: GETTING LINKS FOR URL & DIRECT LINK PHOTOS

    1. After clicking on the "Share It" button...A smaller window will open up looking like the image below.
    2. You will see two windows (see Red Arrows).
    Image Hosted by ImageShack.us

    SITES: <img src=...
    OR
    DIRECT: http: //imageshack...

    3. If you want to get a URL LINK of your photo then left click in the "Direct" window to highlight it.
    The link inside the window starts with http:..

    If you want to get a DIRECT LINK photo where your image will appear within your posting, then left click in the "Sites" window to highlight it.
    This link starts with <img src="http:...jpg">

    STEP SEVEN: USING THE COPY/PASTE METHOD...
    Image Hosted by ImageShack.us

    1. After clicking on the type of link you want...When highlighted...this window turns blue.

    2. From there, right click to get a drop down window of command options.

    3. Left Click on "COPY" then go to your Posting Window and left click into your posting window then right click to get your drop down selection. Left click to select "PASTE".

    You have now placed a link into your posting window. Congratulations!

    To do another photo upload, click on the X of the dialog box to close it. (See Red Arrow above) Then start your steps all over again!
    Go Back To Step One: Item 3 which says: Next click on "MEDIA UPLOAD"...
  • Paniolo_GalPaniolo_Gal Member
    edited July 2013
    ADDITIONAL INFORMATION: For Direct Link Images
    If you are not happy with the image you created and want to remove the photo from ImageShack or eliminate unwanted photos...simply go back to STEP FIVE: Item 2 above and instead of clicking on the "Share It" button. Go down to the third button (X) and click that to DELETE IT. You will get a confirmation prompt-click on OK.

    Image Hosted by ImageShack.us


    IMPORTANT!: If you are trying to resize a photo obtained from a website, make sure you have copyright permission for the photo! Also, there may be a size limitation embedded on the photo so you may not have the ability to rescale the image larger.
    BEFORE YOU POST YOUR LINK...CLICK ON THE "PREVIEW" BUTTON TO SEE HOW YOUR PHOTO LINK LOOKS FIRST!

    Resizing Examples below:

    If several photos are posted in one discussion window
    320x240 for websites and emails
    Image Hosted by ImageShack.us


    640x480 for message boards:(recommended for single or double image postings)
    Image Hosted by ImageShack.us


    800x600 for 15" monitor screens (maximum-only if needed)
    Image Hosted by ImageShack.us

Sign In or Register to comment.