HowTo: Adding pictures to posts

Bright is bright, the bugs could care less! Yeah, they swarm to the light regardless of what’s making it.

The forward click to a third image is pretty darn cool, have no clue how you did it…I know I know you told me, but the secret decoder microphone was shorted and all I heard was the teacher in Charlie Brown’s class. :wink: You’re speaking code to an uncoded native. Like going to the Mexican restaurant and the waitress speaks Spanish, all well and fine, except for the small detail that I DON’T! EnchiladO, TacO y uno el CokO pour flavour. (horrible example, I know, as I am very good at ordering Mexican food! :slight_smile: I tell Jose, surprise me! lol, he never lets me down! Seriously, Jose is a friend of mine running Corona’s de Oro, best ever Mexican food…not Tex Mex [well maybe that’s on the menu, which is why I order directly from Jose] but El Salvadoran style home cooking, oh yeah! Double up on the Habanero my friend!)

I’ll continue to create an animated GIF in Photoshop if I need 3 or more images. :wink: I kept those separated as they’re apples and oranges. The 2 de-domed XM-L class lights and the 2 MT-G2 class lights. As you see, the smaller emitter don’t really hold a candela to the larger die. lol

At least now I can finally do a simple mouseover! Hooray! lol (I’ll dream of Pollo Chipotle tonight, almost assuredly)
!!

I should have just described what I did. The “onmouseover” that you already do, just select all of it from the ‘o’ in onmouseover to the space after the last “. Copy that, click after the space to stop the selection & Paste it back in there, then change the ”onmouseover” to “onclick”. It works exactly the same — loads any image, just “on” a different event. Now you’ve got me wondering if there are more…

You could have one picture for the “img src” part (what’s shown on a page load), a second image for the “onmouseover” when we first point at it, a third for “onmouseclick” and a fourth for “onmouseout”. I hope you noticed I put the brightest picture I borrowed from you on the mouseclick…

Unfortunately, the only ones we can’t look at up close are the first one and the “onmouseout” one, but right-click->View Image on the other two still brings up the full size image! Cool!

I hope you’re still reading…

I set out to show the technique in a helpful way.

You’ll need to use the Quote button to see the details, but if you want to use Mouseovers and still give access to the ‘right-click->View Image’ trick, use the onclick to put the mouseout image back! In essence, all you need to do is replicate the entire onmouseout parameter, then change the word to onclick…

Img src and mouseout = LOL smiley, mouseover = Evil smiley:

Notice how it won’t give you right-click access to the LOL smiley unless you left-click on it…

Here it is IRL, showing a nifty knot I invented , and this seems the best way to show off this GITD lanyard I made .

Thank you again for pushing me into this!

Dim

O.K., REALLY DUMB QUESTION… What is a URL?? :~ How do I find the image URL? I don’t seem find anything that even looks like what I think it is, from Picasa, or on my exported images from Picasa. HELLLLP!!

You can dig up dictionary definitions, and as you can see this has been ground exceedingly fine in this thread, so I’ll just stick to what matters in this context & leave the rest to you.

“URL” == “Uniform Resource Locator”. It’s the “address” or Location of a “Resource” such as a file or folder on the Internet. It’s “Uniform” in the sense that they are all constructed according to standards called the HyperText Transport Protocol or HTTP. It begins with “http:” and ends in “.jpg” or some other extension like “.gif” or “.htm”. If you look at Post #40, the URL is this part:

If you just want to see one, there’s always one “in your face” when you’re online. It’s the string of text in the Address Bar of your browser.

The unfortunate thing we’ve discovered about some picture hosting sites (IDK about Picasa — never used them) is, they make it quite difficult to get that URL for just the picture you want, which wrecks your post if you use the link they give you.

Take a moment and go find your picture in another window… We’ll wait…

Sorry. Old joke. When you have your picture visible, point the mouse at it, right-click to pop up the menu and then left-click the words “Copy Image Location”. If you’re using Internet Exploder, you’ll have to figure it out. Now, go open a Notepad & Paste what you just Copied… Ta-DAAA! That’s the URL of your picture!

Now Enter a few blank lines & go back to Picasa. Copy the “link” they give you and Paste it in the Notepad under your URL… Same? Cool. Different? Picasa just “gotcha”. If Picasa’s “link” ends in “.htm” or “.html”, you won’t be able to use that here except as a Link (the Globe-With-Chain icon)

As usual, thanks for asking. More questions get more answers, especially on BLF. And forget that myth about “dumb questions”!

Dim

Hello. I was reading this thread and when I start a new thread it doesn’t give me a choice of ‘advanced post editor’, it really doesn’t give me the simple post editor either, just the basics of inputting the URL, and sizing.

How do I get to the Advanced Post Editor in order to do a mouse over?

Much appreciated if u can help, thanks.

patrick

Just under the input box are the words ” input format” click on that to get the advanced post editor.

Thanks Rufusbduck. I saw that in time, clicked on it, and then did a face plant ….duh!

I am doing more reviews, and it really takes a LONG time to do each individual pic. :Sp

Is there a way to bulk upload photos on a thread :quest:

Thanks - this will make posting easier and better - no more super size or micro size photos.

I keep a .txt file in my My Documents folder where I keep the “tricks” like mouseover stored. I also store URLs there, since a couple of the online storage sites I use like to move my pictures about without telling me.

It’s easier for me to copy & paste URLs into the .txt file, then copy & paste the works into this BLF Comment: box. Of course, I still Preview a thousand times to get everything perfect, but the initial load is easier (for me) this way.

If you’re just doing a string of pictures, one file should do, but if you wanted to have a caption (above or below), you could just have one .txt file & get each picture “right” in it, then copy & paste it into its place in the Comment: box.

Oh, and the mouse isn’t your friend in any of this!! I’d suggest you learn and use keyboard shortcuts for jumping to the Address bar of your browser, for switching between programs, and for Copy & Paste…

Just thinking out loud here, mostly. Is there any specific part of the process that seems more onerous than the rest?

All questions help everyone learn and teach, and I (for one) would love to see what you’ve done!

Dimbo

I create reviews and many GB posts in a spam thread I created, edit them, then cut and paste into my online post. Do you do the same thing, but just in a .txt file?

Anyway, the tedious part is:

  1. Uploading all photos to photobucket.
  2. Copying URL/photo location.
  3. Opening photo icon on post editor and pasting URL at top. Selecting %/size and adding link URL if necessary.
  4. Add it to post.
  5. Add any caption info for photo underneath.
  6. Rinse/repeat for dozens of times :~

This is very tedious. Am I doing it wrong?

that’s my ‘express’ methodology too!

“Tedious” sums it up nicely. IMNERHO the PhotoBucket part would have to be the worst. Clicking through until you get to the actual picture so you can use the actual URL…

Yes I build out the pic-heavy posts in a .txt, then Select All, Copy, & Paste into the Comment: box.

You can make a “generic” .txt file with keywords to be replaced. E.g. you could use “PICURL” for the picture URL (i.e. the URL from PhotoBucket) and “THISCAPTION” for the Caption part, then use the Edit menu Find & Replace function. This way all the little markers and size % and delimiters are left intact. After you’ve first Pasted the bulk into the Comment: box, touch-ups and edits aren’t so hard to do.

It’s not like anyone in the 21st Century is ever going to make this “easy”…

You can avoid all of that by going into Photobucket > Settings > Privacy and unchecking File Name Scrambling. Then you can predict the URLs based on the filenames that you upload. Another useful option under Settings > Albums is to turn on Easy Linking Mode. If you go that route, I would also suggest setting the sort order for Albums to Alphabetical by Filename.

No wonder my pics won't turn up, I've been using the button with sunset picture to post pics when I'm in Advanced mode...

For advanced mode, you have to press the "tree" icon(beside anchor) on the second menu bar instead.

Hey thanks for the tip. I was re-sizing my pictures before posting them here. I didn’t realize I could just do it here. Saves me a step!
:slight_smile:

The very first post. Where he shows how to put a picture into a post.

It can be done.