Welcome, stranger! Please log in or register.

Author Topic: Woopig: How to Insert an Image into a Post Without Making an Attachment  (Read 2729 times)

0 Members and 1 Guest are viewing this topic.

Offline One Quarter

  • King of the Hogs
  • *****
  • Posts: 5916
When you want to use an image in your post, attaching a file works, but attachments are not ideal because they always attach below your text.  Instead, you can always use the "img" tag to post images in-line.

If the image you want to use is already on the internet somewhere, you can use its direct URL right in your post.  But, it has to be a direct link to an image.   For example, if you found this image on the internet, you would just copy its URL, which is

 https://i.ytimg.com/vi/mMbvWUxgM8U/maxresdefault.jpg

, from the URL bar of your browser to your clipboard using CTRL-C (Windows) or CMD-C (Mac).  Then, you paste the URL into your post and place the "img" tags around it.  Direct image URLs end with an image extension, usually .jpg, or .png, but there are others that work.  The final product would look like:

Code: [Select]
Zeke Ulrey sexes farm animals such as

[img]https://i.ytimg.com/vi/mMbvWUxgM8U/maxresdefault.jpg[/img]

and also makes minimum wage selling Helio Oceans.

In practice, that would come out as:

Zeke Ulrey sexes with farm animals such as



and also makes minimum wage selling Helio Oceans.


Offline One Quarter

  • King of the Hogs
  • *****
  • Posts: 5916
Re: Woopig: How to Insert an Image into a Post Without Making an Attachment
« Reply #1 on: September 21, 2018, 05:14:22 PM »
There are several complications with the above method.  First, a problem exemplified by wikipedia.  Let's say you navigated to Wikipedia: The Elephant's Foot.  You'd see this in your browser:




If you wanted to post an image of the Elephant's Foot, you might just right-click the image, copy the URL, paste that into your post, and put image tags around it.  It would work, but you'd get this:



Which is fine, but it's pretty small.  You might decide to click on the image to see if there's a larger version.  And you'd see this in your browser:



You'd see the URL is "https://en.wikipedia.org/wiki/The_Elephant%27s_Foot#/media/File:Y8n6mcch7s601.jpg", and because it ends in .jpg, you might think that's a direct image link, but it isn't.  It's a wikipedia container that adds a bunch of junk around the photo.  The message board software only deals with direct image links, not URLs like this wikipedia container.  The dead giveaway is the colon in "Foot#/media/File:Y8n6mcch7s601.jpg".  Direct image URLs will not have another colon in them after the one that follows the initial "http" or "https".

So, this does not work:

Code: [Select]
[img]https://en.wikipedia.org/wiki/The_Elephant%27s_Foot#/media/File:Y8n6mcch7s601.jpg[/img]
In this particular scenario, you have to click the image again (it turns my cursor from an arrow to a magnifying glass when I hover over it), and then right-click to get the image URL.  Which is:

Code: [Select]
https://upload.wikimedia.org/wikipedia/commons/f/fe/Y8n6mcch7s601.jpg
That is the image file.  Note there are no colons except for the one just after "https".  So, now, you can copy that exact URL, paste it into your post, and put the image tags around it, like so:

Code: [Select]
[img]https://upload.wikimedia.org/wikipedia/commons/f/fe/Y8n6mcch7s601.jpg[/img]
and the result is:



This makes a very nice-sized image, and when you click on it, it expands the image to its full size, so you can really explore the Elephant's Foot.


The reason I say this is exemplified by wikipedia is that, frequently, you will find images on the internet that appear to be direct-link images but are not, just like the wikipedia container page.  Another good example is when you search Google or Bing or whatever and click the "IMAGES" tab.  What you come up with is a container page that has the image, but you can't use the URL here with our image tags.  You need to "click through" to the full-size image before you can get a URL that will work with message board software.


Offline One Quarter

  • King of the Hogs
  • *****
  • Posts: 5916
Re: Woopig: How to Insert an Image into a Post Without Making an Attachment
« Reply #2 on: September 21, 2018, 05:31:54 PM »
Next, a better way: using imgur or its equivalent.


Offline Too Big Pig

  • King of the Hogs
  • *****
  • Posts: 9675
Re: Woopig: How to Insert an Image into a Post Without Making an Attachment
« Reply #3 on: September 21, 2018, 08:38:58 PM »
This is easy on a computer. A pain in the ass sometimes on the phone to get the image to open in a new window to copy the url.

"If life gives you lemons, fuck life."  - Sir John Michael of Oklahoma

Offline One Quarter

  • King of the Hogs
  • *****
  • Posts: 5916
Re: Woopig: How to Insert an Image into a Post Without Making an Attachment
« Reply #4 on: September 21, 2018, 09:00:25 PM »
This is easy on a computer. A pain in the ass sometimes on the phone to get the image to open in a new window to copy the url.

True.


Offline BASS

  • The Philosophical Woopigga
  • King of the Hogs
  • *****
  • Posts: 14080
  • Fuck The Man
Re: Woopig: How to Insert an Image into a Post Without Making an Attachment
« Reply #5 on: September 21, 2018, 09:29:26 PM »
when on the laptop i right click on the image and click Copy Image Address, no new window needed.

chad darksider number 2

Offline One Quarter

  • King of the Hogs
  • *****
  • Posts: 5916
Re: Woopig: How to Insert an Image into a Post Without Making an Attachment
« Reply #6 on: September 21, 2018, 09:40:28 PM »
The professional woopig way to do it is to find the highest-resolution version of the photo you can get, then upload it to imgur (or a similar service), and use the image tags to link to your high-res upload.

For example, say I'd like to post an in-line photo of a lime and a coconut.  What I'd do is google "lime and coconut" and select the Images tab, which would give me something like this in my browser:



Then, click on the best-looking photo of a lime and a coconut, which returns:



If the resolution is good enough, drag the photo to your desktop (or right-click or control-click and save to desktop).  If it sucks, choose another photo or click through to see if you can get a higher resolution.

Then, open a new tab or window and go to imgur.com and click "New post".  You will see:



Drag your image from desktop, or upload however you can.  Then, right-click on the image, and select "Copy Image Address", and you will get a usable direct image URL.  For example:

Code: [Select]
[img]https://i.imgur.com/tI02vls.jpg[/img]
Which, in practice, becomes:


Offline acater

  • The Muchacho with the Couponas
  • King of the Hogs
  • *****
  • Posts: 16407
Can you show how ot add youtube videos in this thread? Sometimes they work and sometimes they dont.

https://www.youtube.com/watch?v=RLVrgWygwQo&feature=youtu.be

"I hate you Acater!"- Otis Kirk

"What is he undermining exactly? You know, what democratic freedoms have been undermined?" Crenshaw asked. "We just had an election where we switched power in the House. Democracy is at work. People are voting in record numbers."

Offline Rick B.

  • Nukular Fizzicyst
  • King of the Hogs
  • *****
  • Posts: 9262
Can you show how ot add youtube videos in this thread? Sometimes they work and sometimes they dont.

https://www.youtube.com/watch?v=RLVrgWygwQo&feature=youtu.be

Okay, first, see that thing in front of you on the desk?  That's a keyboard.  The little things with letters on them are KEYS.  Now look to the right of the keyboard (unless you're some sort of left handed retard).  That's the mouse.  I know, it's weird calling it that because you know, you could have a rodent phobia but anyway, that's what it's called.  Now, look straight ahead where you're reading this.  That's called a MONITOR.  If you move the mouse around, you should see a little arrow moving around on the monitor.  Some people call the monitor a screen so if I accidentally interchange the words, you'll know what I'm talking about.

Move the arrow up to the address bar (God, I hope you know what that is) and type in youtube.com.  When you get there, find the video that you want to link.  Oh shit, I forgot to dumb this down.  To LINK a video means to put a bunch of words into a scripty sort of thing so that when you hold your arrow (also known as a cursor) over the "link" and then click on the left hand side button on the mouse, your browser (the thing that you surf the web on) will go to that web address. 

Shit, anyway, when you find the video you want to link, EITHER copy the link from the link address bar at the top OR  look around the screen on the youtube site and find the SHARE button.  Do you need a picture?  Okay little buddy.  Look below.  You'll see the SHARE button highlighted AND what window will pop up when you hit the share button.  Simply click on the COPY button on that pop up window. 

Then, come back to Woopig.net on your internet browser and when you're inside your post, you can simply click CONTROL V to paste the link into your post.

I hope that was clear, little guy.  I'm worried about you.  This internet thing can really be formidable.  Oh, sorry....big word, I know.  Formidable means like, you know, really scary and difficult.  You know, like your sex life with Michelle Obama.

Hope that helps.  Cheerio.  Peace out.   :-*


Offline HawgRockCafe

  • King of the Hogs
  • *****
  • Posts: 7189
  • WPS
I’ll have to dig into the code to determine what gets embedded versus just posting a link. Also, some YouTube stuff disables embedding.

In this case, I removed the “&feature=youtu.be” text and it seems to work. The plugin we use that embeds the videos is a bit old, so it doesn’t know how to handle some of the newer URLs.




« Last Edit: March 28, 2019, 12:39:48 PM by HawgRockCafe »
A lost chicken?  A chicken?  In the woods? - ElvisHog - 2/4/2004
---------------

Offline Rick B.

  • Nukular Fizzicyst
  • King of the Hogs
  • *****
  • Posts: 9262
Re: Woopig: How to Insert an Image into a Post Without Making an Attachment
« Reply #10 on: March 28, 2019, 12:42:05 PM »
I’ll have to dig into the code to determine what gets embedded versus just posting a link. Also, some YouTube stuff disables embedding.

In this case, I removed the “&feature=youtu.be” text and it seems to work. The plugin we use that embeds the videos is a bit old, so it doesn’t know how to handle some of the newer URLs.





Geez, don't give his dumas some sort of OUT to explain his lack of knowing how to "woopig".  :D