Posted on 02/16/2013 9:17:21 AM PST by ReformationFan
I have a tech question: how does one make a jpeg picture link viewable as a picture on free republic? For example, if I want to show this jpeg photo of President Reagan and Mrs. Thatcher:
http://www.donnamoderna.com/var/ezflow_site/storage/images/media/images/moda/accessori/thatcher/ronald-reagan-e-margaret-thatcher/67684353-1-ita-IT/Ronald-Reagan-e-Margaret-Thatcher.jpg
How can I show the photo itself and not just the link?
Many thanks in advance to whoever can show me how to do this.
That rocks!
Now that can’t be faked. I actually saw him do that. More than once.
Basic formatting:
Line break <br>
Paragraph break <p>
<blockquote>
Indented paragraphs</blockquote>
<font size=1>Smallest FR font</font> Displays as:
Smallest FR font
<font size=7>Largest FR font<font> Displays as:
Largest FR font
Or
Step font size up or down with <big>bigger</big>
and <small>smaller</small>
"Hidden" text: <font color=white> White font </font>
Drag cursor over blank area to highlight to read...
Posting a link:
General:
<a href=[web address]>[title]< /a>
Example:
This: <a href="http://www.freerepublic.com/focus/f-news/1179145/posts">Iran starts atom tests in defiance of EU deal</a>
Posts as this:
Iran starts atom tests in defiance of EU deal
Posting an image:
General:
<img src="[web server location]">
You can't just snag a favorite picture from a desktop folder...it has to be hosted someplace on line to be posted here.
Best bet is to save the image to an image hosting service, I use Photobucket. In Firefox right click and select "Copy image location", in Safari right click and select "Open image in new tab" and copy the address in the address bar. Other browsers have similar tricks.
Example:
This: <img src="http://www.notablebiographies.com/images/uewb_09_img0611.jpg">
Posts this:
Tip: control the size with "height=nnn" like so:
This: <img height=200 src="http://www.notablebiographies.com/images/uewb_09_img0611.jpg">
Posts this:
While This: <img height=100 src="http://www.notablebiographies.com/images/uewb_09_img0611.jpg">
Posts this:
< sigh > Amen to that.
Thank you. Yes, don’t forget the quotes!
...if you only use height OR width the image scales without distortion.
Now have fun.
.
For the photo as you posted it here, dimensions are listed as 700 x 800 pixels.
Dividing those numbers in half will produce the same image but half as wide and half as tall.
So do what you did to post the image. To re-size, following the first equals sign = , the url of the image MUST be bracketed by quotation marks " " , as do the pixel numbers following their own = sign(s) which specifies what dimension. After the " close quotation mark skip a space if desired, then if half width & height of the image your are sourcing from is wanted, in this instance put height="400" width="350" followed by the closing > bracket command, leaving that part of the equation appearing something as
So give it a try? If more folks are going to post images, we all may as well know how to make them a bit smaller. Remember to use the review function. Switching the dimensions around can give yield some strangeness. Done on purpose for effect is another trick...
Dividing the width/height by 4, yields
loads faster, making it easier on smart-phone users and remote location dial-up dinosaurs. So if the image not needed to be big to maintain effect, something smaller is many times better. In the Thatcher/Reagan photo, the fuller size brings some detail and effect...so I'm not complaining, just talking about images in general.
One thing I've noticed is that in "properties" the width seems to be given before the height...but when resizing it's somehow either traditional (or maybe necessary?) to first enter height="", then width="">.
Notice too, that a url following the opening command sequence bracket < img src= need not be put within quotation marks to simply bring the image in the same size as is listed at the original location. But we've been told that it loads faster if we do add the quotation marks, even if not resizing, which is good to know.
Just to get < img src= to appear (and not get lost as an opened-but-not-finished-and-closed > command, I had to skip a space between the opening command bracket < and that which followed.
There is another way to code, bringing what is apparently keystroke results as substitionary images themselves, resulting in a coder being able to present a replica of the code without needing skip a space at crucial junctures to invalidate the html coding execution itself (thus leaving the apparant keystrokes to appear rather than not). But I'm not ambitious enough to go look up the tables, and am years away from original bookmarks for that stuff. It can take some digging, using the just right search terms to find the stuff in the first place, but it's out there...simulated code which does not execute as html command, can be done...
Thanks! A very straightforward piece of instruction..
Ampersand lt semicolon will give you a <
Strangely enough it only works with a lower case LT...
That 404’d
Disclaimer: Opinions posted on Free Republic are those of the individual posters and do not necessarily represent the opinion of Free Republic or its management. All materials posted herein are protected by copyright law and the exemption for fair use of copyrighted works.