1. Welcome to the Recumbent Riders International forums.
    You are currently viewing the discussion boards as a guest which gives you limited access to view most discussions and other features. By joining our free community you will have access to post and reply to topics, communicate privately with other members, download/upload content and access other special features. Registration is fast, simple and absolutely free so please,
    Join the community today!
    If you have any problems with the registration process or your account login, please contact us.

How to Embed a Photo/Picture on the web, in the text of your message

Discussion in 'XenForo: How-To' started by A.D., Jan 15, 2007.  |  Print Topic

  1. A.D.

    A.D. #1 Custodian

    Region:
    SouthEast
    State/Country:
    TN
    City:
    Athens
    Ride:
    Reynolds T-Bone
    Name:
    AD
    Post a Picture within the text of your msg

    For those of you wondering, here's how it's done:

    1)First, find the photo(s) you want to show up within your message on the web*
    * Notice: Any photos you attach using this method, MUST exist at a Web-Address. One cannot embed photos from their personal computer using this method. The reason being, only YOU would ever see such photos. All others viewing the message would not be able to see any picture.​
    2)Next, denote the web address of the picture and copy it to your clipboard
    HINT: Left-Click your mouse while hovering over a pic and select copy image location -or- view image. This should reveal the web address of the image so you can see, or copy it.​

    3)Type in the text of your message as you normally would, then

    4)Place your cursor within the text, wherever you want a picture to show up and select the little PostCard looking icon up at the top in the text editor.(see image below)

    Picture 43.jpg
     
  2. A.D.

    A.D. #1 Custodian

    Region:
    SouthEast
    State/Country:
    TN
    City:
    Athens
    Ride:
    Reynolds T-Bone
    Name:
    AD
    Re: Post a Picture within the text of your msg

    5)Once you click on it, and you'll first see a drop-down box asking you for the location of the picture you want to post within your message. (see 1st image below)

    6)Just paste the web address of the IMAGE into that drop-down box and then hit OK. (see 2nd image)

    Picture 46.jpg

    Picture 47.jpg
     
  3. A.D.

    A.D. #1 Custodian

    Region:
    SouthEast
    State/Country:
    TN
    City:
    Athens
    Ride:
    Reynolds T-Bone
    Name:
    AD
    Re: Post a Picture within the text of your msg

    7)What happens next is, the Image's location on the web is embedded into your text in sort of a codestring like
    [ IMG ]http://www.somewebsite.org/assets/Uploads/pictures/_resampled/medsize/image#220.jpg[ /IMG ]​

    Note: To show the codestring here, I purposely inserted blanks around the IMG abbreviations above so a picture would not appear up there. You won't normally SEE this code (unless you select Advanced Editing), and instead the picture will just appear within your draft of the message.​

    Thus, the result is...
    [​IMG]

    An image right within your text!
     
  4. A.D.

    A.D. #1 Custodian

    Region:
    SouthEast
    State/Country:
    TN
    City:
    Athens
    Ride:
    Reynolds T-Bone
    Name:
    AD
    You can also select the image right in the draft of your message, by clicking on it once then just choose the Centering Icon (see below) to center it within your text.

    Thus the result is, your picture is now Centered (Left to Right) like this...
    [​IMG]

    Picture 48.jpg
     
  5. maxairedale

    maxairedale

    Region:
    South
    State/Country:
    KY
    City:
    Columbia
    Ride:
    ICE Adventure HD FS
    Name:
    Gary
    How do I resize an image so that it will fit within the screen width or to whatever size I would like to use?

    When Recumbentriders used V-Bulletin I could use html code to resize an image.

    For example the following image of mine from one of my websites is 707 × 639 pixels
    TriCountyMap.jpg
    If I wanted to make it 354 X 320 with V-Bulletin I would type
    <img src="http://bicyclingadair.org/images-rides/TriCountyMap.jpg" width="354" height="320">
    But as you can see with XenForo the image is not resized or even visible, but is linked to.

    Outside of
    1. downloading and saving the desired image to my computer
    2. processing the image in an image editing program
    3. saving the image again
    4. uploading the image somewhere (one of the photo storage sites)
    5. finally linking the image to the post in the thread
    Do you have any suggestions?

    Thanks
    Gary
     
  6. A.D.

    A.D. #1 Custodian

    Region:
    SouthEast
    State/Country:
    TN
    City:
    Athens
    Ride:
    Reynolds T-Bone
    Name:
    AD
    Well, Xenforo will automatically resize an image. It will appear as wide as your browser allows and if it's too big it will automatically create a re-sizeable preview of the image and if you click ON the image it will appear full-size.

    I can see the image above just fine, so not sure what you mean when you say "the image is not resized or even visible, but is linked to"?

    You don't need to use another online photo storage site, unless you just want to embed a picture that way.

    You can also just drag-n-drop any picture from your desktop into a new post, or of course you can always upload an image into a post.

    When you upload a picture, of course you can choose it to appear as a click-able thumbnail or appear full size. Again, if it's actual full size is too big for the screen, Xenforo will automatically re-size it to appear within the width of your browser window.

    I can see from re-reading this thread above, I need to re-do it and better explain how XF allows users to embed pictures. So, I've added that to my To-Do list now! :wink9:
     
  7. maxairedale

    maxairedale

    Region:
    South
    State/Country:
    KY
    City:
    Columbia
    Ride:
    ICE Adventure HD FS
    Name:
    Gary
    Hi A.D.

    There should have been two images
    1. The image you see was embedded using the button seen in the tool bar located above the area where you type your message.
    2. The second image that is not visible was coded using html code as follows
      <img src="http://bicyclingadair.org/images-rides/TriCountyMap.jpg" width="354" height="320">.
      The image is not there. Here and in my first post the image location is blue and underlined (indicating a link) and if you click on it, a new tab or page will open displaying the image. I wanted the image to be displayed as seen in the image below and the html code (<img src="http://bicyclingadair.org/images-rides/TriCountyMap.jpg" width="354" height="320">) should not be visible.
    What I understand is that there are two choices:
    1. Embed an image (using the button on the tool bar) no matter is size, even if it is wider than I want it to be and let XenForo automatically resize it to fit within the page.
    2. Use a thumbnail that may be a lot smaller than the size of the image I want within my post and may not be located withing the area of the text that I would like it to be.
    and if I have an image that is 708 X 640 full size (image seen in my first post) I can't resize it to 354 X 320 (image below) within the post, but have to resize it outside of the thread and embed it.
    X20zIfkyJwS5LxEcJkwF3ekjn_Aw6xe5xG-9aB-hDweiSdGpK7YfZDkfNk8NINwqeckGfEVMnmmazDjjMEt=w354-h320-no.jpg
    When using drag-n-drop, I assume that the image is now being stored on your server, taking up your valuable server space. Personally I don't think that this forum or others should be used as a photo sharing site since there are so many free ones available for use.

    Gary
     
  8. A.D.

    A.D. #1 Custodian

    Region:
    SouthEast
    State/Country:
    TN
    City:
    Athens
    Ride:
    Reynolds T-Bone
    Name:
    AD
    Actually, there are 3 choices. Whenever you upload a file, there are two buttons beside the thumbnail of the temporary image where you can choose: Thumbnail or Full Size image. If you choose thumbnail, it will embed the image as such and LINK to the full sized image. If you choose Full Size, then it embeds into the message just like it does via a web-referenced URL on another photo sharing website.

    As for storage space, actually we would rather have the images on our server. That way the thread is as interesting and explanatory as the day it was posted...even a decade later! Sorry, it's one of my pet-peeves as 'I' hate :hissyfit9: going to a forum to find a thread about exactly what I need to know/see/learn-about...only to find all the referenced images are long gone. :sad9: That said, when we started RRI Jon & I agree we should host our own images for just that very reason. :thumbsup:

    Now as for members being able to customize the size of their images, that I'm not sure about so I'll look into it.

    However, very few boards ever allow embedding HTML code within a post since it opens a door for hackers to do all sorts of bad things. vB actually didn't allow HTML either, however I had modified the forum's code to automatically translate any (attempted) HTML code insertion into what is known as BB Code instead. I don't know enough about XF yet to do that, but as I said I'll look into it. :wink9:
     
  9. maxairedale

    maxairedale

    Region:
    South
    State/Country:
    KY
    City:
    Columbia
    Ride:
    ICE Adventure HD FS
    Name:
    Gary
    The following image (copied and pasted here) is a small section (screen shot) of a page from another forum that I'm on that uses V-bulletin. upload_2016-8-25_18-15-49.png
    I understand that and I will agree with you that when images disappear it is frustrating. I did not know that your server could hold all the images that members could be submitting. Storage space is not cheap, at least not on the places I have sites.
    Believe it or not, but right now (after pasting the above image into the post) is the only time I have seen those options since I have always used the image ["img"] ["/img"] tags for inserting images.

    A.D. Please don't take the above image as argument, I meant it as an FYI.

    Gary
     
  10. A.D.

    A.D. #1 Custodian

    Region:
    SouthEast
    State/Country:
    TN
    City:
    Athens
    Ride:
    Reynolds T-Bone
    Name:
    AD
    FYI it is and you're right! :thumbsup:

    :laugh9: Let me somewhat re-phrase my statements :wink9:, as I intended to say that 'our' copy of vB didn't allow HTML code within posts...Not even by Administrators. :nono:

    Yes, both vB and XF have the capability to allow users to embed HTML into their posts, it's just no seasoned administrators 'I' know of ever allow it. Just too many risks involved, both for the website and the user's private/personal data. Then again, I always err on the side of caution...especially after seeing so many data-breeches in the past few years.

    So yes the software has the capability of allowing users to post HTML code, it's just we (i.e. RRI) have always left that function OFF.
     
  11. maxairedale

    maxairedale

    Region:
    South
    State/Country:
    KY
    City:
    Columbia
    Ride:
    ICE Adventure HD FS
    Name:
    Gary
    So I learned a few things today
    1. RRI prefers users to store images on their server. I understand their reasoning, I just never thought of it that way.
    2. Users can copy and paste images into the post.
      1. When doing a copy and paste you get options to add it as a thumbnail or full size.
    3. You can drag and drop an image, I'll have to try that sometime.
      1. I suspect when doing a drag and drop you get options to add it as a thumbnail or full size.
    4. If the image is too wide to fit within the screen width, XenForo will resize it to fit.
      1. Images that are too wide will have an option to view them full size when the viewed within the post
    5. XenForo does not permit users to change the size of an image.
    6. Only a few forums permit the user to use html.
    Thanks A.D. for helping me understand this better.

    Gary
     
  12. A.D.

    A.D. #1 Custodian

    Region:
    SouthEast
    State/Country:
    TN
    City:
    Athens
    Ride:
    Reynolds T-Bone
    Name:
    AD
    Not that I'm presently aware of, but I've not researched it enough yet to actually know if it's possible. Will be a good study for me though, cause no tellin' what else I'll turn up about XF in the process. :wink9:

    Your other points, are just as stated. :applause:
     

Share This Page