Adding an animated GIF to an auction listing

Home » Forums » GIF Animator » Adding an animated GIF to an auction listing


Registered User
3 posts

I could use some help adding animated gifs to my auction listings. Have looked at all the help pages, but guess it's not registering. I already have the gifs I want, I just need to know how to get them into my listings. Any help would be appreciated. Thanks....


Advisor
32 posts

Hello:

The short answer is add it just as you would any other graphic, but I suspect there is more I need to know to really answer the question. Got some details?

Thanks,
Lee C.


Registered User
3 posts

Lee Creek wrote:
Hello:

The short answer is add it just as you would any other graphic, but I suspect there is more I need to know to really answer the question. Got some details?

Thanks,
Lee C.

Hi Lee,
I presently use HTML on my auction listings for various fonts, colors, etc., but do not know how to add an animated gif or any other graphic. The gifs I want to use are already animated and I just want to convert them to HTML so I can post them on my listing.

Thanks again,
Donna


Advisor
32 posts

You add the animated gif like any other graphic. Here is an example of animated gif added to html:

<img src="images/flag.gif" width="132" height="90">

"images" is the directory in which you have the grahic.
"flag.gif" is the graphic and the width and height show the size of the graphic.

Just substitute the directory and image name. If you don't know the size of the graphic, just delete the width and height elements. If you do know the size, put in the correct sizes becaue it will help it load qicker.


Registered User
3 posts

Lee Creek wrote:
You add the animated gif like any other graphic. Here is an example of animated gif added to html:

<img src="images/flag.gif" width="132" height="90">

"images" is the directory in which you have the grahic.
"flag.gif" is the graphic and the width and height show the size of the graphic.

Just substitute the directory and image name. If you don't know the size of the graphic, just delete the width and height elements. If you do know the size, put in the correct sizes becaue it will help it load qicker.

Hi again Lee,
Hate to be a pest, but guess I'm just not getting it. My animated gif image is located in My Documents in a sub folder titled Images. I've tried to enter it several ways, to no avail. Could you tell me exactly how to enter it?
Thanks so much....
Donna
PS: I do have the sizes.


Senior Advisor
6,076 posts

DONNA ECKMAN wrote:
Lee Creek wrote:
You add the animated gif like any other graphic. Here is an example of animated gif added to html:

<img src="images/flag.gif" width="132" height="90">

"images" is the directory in which you have the grahic.
"flag.gif" is the graphic and the width and height show the size of the graphic.

Just substitute the directory and image name. If you don't know the size of the graphic, just delete the width and height elements. If you do know the size, put in the correct sizes becaue it will help it load qicker.

Hi again Lee,
Hate to be a pest, but guess I'm just not getting it. My animated gif image is located in My Documents in a sub folder titled Images. I've tried to enter it several ways, to no avail. Could you tell me exactly how to enter it?
Thanks so much....
Donna
PS: I do have the sizes.

Hi there, Donna,
First and foremost, go to your documents and right click on your gif.
Then go down the little pop up menu and select COPY.
Now look for the folder/directory where you are saving everything from the web site you are preparing to upload to your server.
Right click in the empty space inside the directory folder and run down the pop up menu to choose NEW FOLDER. Create a new folder and call it imgs.
When you can see it, then click to open it and right click in the blank space and select the option PASTE.
Your gif will appear in the new folder.
Now go back to the web page you are preparing.
Decide exactly where you want to insert your gif and use the usual INSERT > IMAGE option. Browse until you find the gif in the NEW FOLDER you have created.
If you have not yet saved your web page you will see a whole string of information (along with the image name) which you will have to delete.
So now watch carefully.........

<img src="file://C:/Programmi/CoffeeCup Software/Graphics/objects/balloons.jpg" width="100" height="185" alt="" border="0" align="">

The code above shows you something similar to what you will see, with the difference that your gif will have a different name and size etc. For the time being, you will probably still be able to see the gif in the Editor preview - correct?

So now look carefully at what I have done to the code:

<img src="imgs/balloons.jpg" width="100" height="185" alt="" border="0" align="">

I have just left a reference for the server (when I upload) to find the folder where I keep the image, and the name and size of the image.
But when you look at the Editor preview, it could well be that YOU DO NOT see your image.
As soon as you save your page and put it into the same directory as the gif, you should be able to see it all in place. Be CAREFUL to not save your page inside the imgs folder though!!!
BE CAREFUL when you upload to make sure that you upload the page into the directory but the image INTO THE FOLDER NAMED "IMGS" which is inside that directory.
Hope that solves your problem,
Bye,
Janys http://blogthemeforge.blogspot.com/
(my photographs and graphics as freebies to liven up your blog, web site or desktop)
http://artycraftycreations.blogspot.com
(exchanging crafting ideas)

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.