Register | Login
Attackpoint - performance and training tools for orienteering athletes

Discussion: photos

in: Orienteering; The Website

Feb 11, 2011 3:46 PM # 
LKohn:
How do I post pictures here?
Advertisement  
Feb 11, 2011 4:26 PM # 
bbrooke:
First you have to have your pictures posted in some publicly-accessible spot, like Picasa or Flickr. Then you get the URL (location) of the photo and use HTML like this:

<img src="http://www.rmoc.org/images/zoom/CMQCBV/viewsize/IMG_3524_%28Large%29.JPG" alt="Photo." height="60%" width="60%" />

Photo.

Picasa has a feature that creates the HTML code for you.
Feb 11, 2011 4:40 PM # 
bbrooke:
Related thread: http://www.attackpoint.org/discussionthread.jsp/me...
Feb 11, 2011 4:50 PM # 
chitownclark:
You can also post graphics and movies you see on other websites by selecting "Page Source" from the "View" menu on your browser, and scrolling down, looking for a likely bit of html. Here's one I lifted from an instructional SportIdent website, showing the approved punching procedure:

[Removed by consensus request as obscene, distracting, and entirely out of place. Our apologies to a/p readers with more delicate sensibilities]
Feb 11, 2011 5:39 PM # 
ken:
Unless you're copying code right from someplace else, I'd suggest omitting height and width attributes, or using only width. And don't use a percent value for height, it doesn't mean what you might think. (bbrooke's example looks distorted outside of firefox)

<img src="_your_image_url_here_">
Feb 11, 2011 8:11 PM # 
LKohn:
https://picasaweb.google.com/110570166733578239021...#
Feb 11, 2011 8:14 PM # 
LKohn:
I don't understand the HTML hint below...how do I do that?
Feb 11, 2011 8:23 PM # 
Snow Lizard:
So you'd need to post each picture individually, using the brackets and code showed above. Between the quote marks, paste the image location (which can be directly copied by right clicking the image you want and selecting 'copy image location'). In this case the first image's location code is https://lh4.googleusercontent.com/_FMwyWWhfzwA/TVW...

So type exactly what ken says, replacing _your_image_here_ with the copied image location. Then you'd have:

Feb 11, 2011 8:25 PM # 
Cristina:
Um, Clark? I'm not exactly the most PC person on this site, but your animated GIF seems just *a bit* out of place in this thread. Just saying.
Feb 12, 2011 12:05 AM # 
JanetT:
What Taco-C said.
Feb 12, 2011 1:39 AM # 
LKohn:
Photo-O 2
Feb 12, 2011 1:42 AM # 
LKohn:
Thanks, I think I'm getting it...will keep playing.
Feb 12, 2011 2:14 AM # 
LKohn:
Photo-O
Feb 12, 2011 2:44 AM # 
bbrooke:
You're using the HTML "a" tag for a hyperlink:

<a href="https://picasaweb.google.com/">Photo-O 2</a>

If you want to actually display the image rather than just linking to it, use the "img" tag instead:

<img src="https://lh6.googleusercontent.com/rootstock.JPG">

Advanced Topic: you can combine the two tags ("a" and "img") to display a hyperlinked / clickable photo:

<a href="https://picasaweb.google.com/"><img src="https://lh6.googleusercontent.com/rootstock.JPG"></a>

(I made up those URLs.)

This discussion thread is closed.