Need help to embed an image

Status
This old topic is closed. If you want to reopen this topic, contact a moderator using the "Report Post" button.
diyAudio Moderator Emeritus
Joined 2001
Steve Eddy said:
Here's one to check out: VillagePhotos

se

Looks good. Only thing is, you only get 25 images, which might go quickly.

Apparently their thing is to suck you in when you need to post an image on Ebay, then as you post more images on Ebay you have to pay Village Photos once you exceed 25 images.

Sounds reasonable enough. Unlike so much else on the internet, at least you can figure out how these people actually plan to make money. I feel better knowing that. ;)
 
diyAudio Senior Member
Joined 2002
Hi,

Not sure what it is you want to do here...

If you want to edit text around the pic, just put your header, post your pic from your system ( don't use preview), submit reply and seconds later you can edit all you want.

A little primitive and counter intuitive I admit, but at least it would appear as if the image was embedded in the middle ( you choose where) of the text.

Sounds like stoneage perhaps but that's the only way I can think of right now...

With temp falling, I may get a little brighter...

Cheers,;)
 
fdegrove said:
Unless he knows something I don't, he can't do that.

Not entirely sure that it can't. Looking at the minimal information on the vB codes here, it may not.

What you'd normally do if straight HTML tags were allowed is add height and width specs to the img tag. That will map the image into the size specified. Though while it will result in a different (ostensibly smaller) size image on your screen, it still needs to download the entire image file from the server so you don't save anything in terms of time.

That's how some web sites make their "thumbnails" and why some thumbnails take forever to load. Hate when they do that. :)

se
 
diyAudio Senior Member
Joined 2002
TOO HOT TO HANDLE....

Hi,

Not entirely sure that it can't.

So far, it can't be done here...

What you'd normally do if straight HTML tags were allowed is add height and width specs to the img tag.

You can only work on those once they've been saved locally making them your own, you just can't rework a remote webpage.

Condradictio in terminis:

Though while it will result in a different (ostensibly smaller) size image on your screen, it still needs to download the entire image file from the server so you don't save anything in terms of time.

That's how some web sites make their "thumbnails" and why some thumbnails take forever to load. Hate when they do that.

I don't know how the sites you're visiting work, Steve...

Basically it's hyperlinks to another placeholder though....since these placeholding tags are crossreferenced it may take longer for them to load, not necessaryly though.
It depends on how they're coded.


Cheers, ;)
 
Indeed if your using html tags, you can simply adjust the size of the image (as seen by the end-user) by using width and height parameters with the img tag. However, since html tags are disabled here, you only have vb code to work with. I've made a new vB code img tag that will take arguments such as height width and alignment. The exact implementation is a little confusing so i'll post a code example here.

[ img=height=100 width=100 align=right]http://www.diyaudio.com/files/hifizen/swool_pump.jpg[/img]

renders as:

[img=height=100 width=100 align=right]http://www.diyaudio.com/files/hifizen/swool_pump.jpg[/img]


Just remember to leave out the space i put in the img tag between [ and img.
 
Re: TOO HOT TO HANDLE....

fdegrove said:
So far, it can't be done here...

Apparently AudioFreak's just taken care of that. Though don't know what the syntax is yet. I'll give it a try using the standard HTML img tag syntax.

You can only work on those once they've been saved locally making them your own, you just can't rework a remote webpage.

No, they don't have to be local.

Check this out: diyAudio Logo

Here I've used the HTML img tag with the height and width parameters and used the diyAudio logo which is residing on this site and mapped it to 50 x 50 pixels.

It looks like this:

<img height="50" width="50" src="http://www.diyaudio.com/graphics/logomid.png">

I don't know how the sites you're visiting work, Steve...

Basically it's hyperlinks to another placeholder though....since these placeholding tags are crossreferenced it may take longer for them to load, not necessaryly though.
It depends on how they're coded.

They're not very common. But I've come across a few which have had large, 1024 x 786 images mapped to something like 100 pixels wide or so which means it takes as long to load the little 100 pixel width image as it does the full 1024 x 768 image.

They're just too lazy to create a true 100 pixel width image for the supposed "thumbnail." :)

se
 
diyAudio Moderator Emeritus
Joined 2001
fdegrove said:
Hi,

Not sure what it is you want to do here...

If you want to edit text around the pic, just put your header, post your pic from your system ( don't use preview), submit reply and seconds later you can edit all you want.

I don't see how that is possible. When I go to "Edit", I see a Reply box with the text of the message. Beneath it is a "Browse" box with the path to the folder on my computer's hard drive that has the picture.

When "Submit Reply" is pressed, the text appears above the picture, no matter how much I edited it.

Do you know a method where text can be added so that a picture uploaded from the hard drive to diyAudio has text both above it and below it? It is easy to have text underneath a link to another website. It seems impossible to put text underneath a picture uploaded from the member's hard drive to Jason's server.
 
AudioFreak said:
Indeed if your using html tags, you can simply adjust the size of the image (as seen by the end-user) by using width and height parameters with the img tag. However, since html tags are disabled here, you only have vb code to work with. I've made a new vB code img tag that will take arguments such as height width and alignment. The exact implementation is a little confusing so i'll post a code example here.

Code:
[img=height=100 width=100]http://www.diyaudio.com/files/hifizen/swool_pump.jpg[/img]

renders as:

[img=height=100 width=100]http://www.diyaudio.com/files/hifizen/swool_pump.jpg[/img]

Thanks, Dan!

The code code doesn't seem to be working. Doesn't list the code on my end. Just displays the image within the code box.

Hopefully it'll display in the quote here. Let's see.

se
 
Ok, now I can see the code. :)

Hmmm. If you leave out say the height parameter and just enter width, will it maintain the aspect ratio and automatically size the height or will it just set the width and leave it at its original height?

Guess there's one way to find out.

[img=width=50]http://www.diyaudio.com/graphics/logomid.png[/img]

Cool! It automatically scales so you just have to specify what width you want to use.

se
 
diyAudio Moderator Emeritus
Joined 2001
SY said:
KW, can you figure out a way to make me look more intelligent?

How's this?
 

Attachments

  • sy 6.jpg
    sy 6.jpg
    5.7 KB · Views: 88
kelticwizard said:
Do you know a method where text can be added so that a picture uploaded from the hard drive to diyAudio has text both above it and below it? It is easy to have text underneath a link to another website. It seems impossible to put text underneath a picture uploaded from the member's hard drive to Jason's server.

Let's see...

Mmmm. Nope. Once I go into Edit, there's no indication that a file has even been attached so there's no way to locate any text beneath it. So apparently it always appends the image to the end of the post.

Gonna have to use the img vB code if you want inline graphics.

se
 

Attachments

  • gramophone.gif
    gramophone.gif
    5.4 KB · Views: 91
diyAudio Moderator Emeritus
Joined 2001
Here Goes Nuthin'

Well, let's see how this works.

I take the large picture I posted before, and try to make it smaller.

[ img=height=300 width=450 align=right] http://www.savoybrown.com/photos/zoo3.jpg [/img]

Let's see if the picture is small enough now so that it doesn't cause the margins of the post to move over, like the first picture did.

Remember, this picture is from www.savoybrown.com
 
Status
This old topic is closed. If you want to reopen this topic, contact a moderator using the "Report Post" button.