Embedding Still Images

Printer-friendly versionPrinter-friendly versionE-Mail This PageE-Mail This Page

If you wish to embed still images, please send them to us in GIF or JPG format. We will upload them to our server.

Once we e-mail you that your images have been put in a directory specific to your project, and we open an author's account so that you can log into TC's database and create a new page, you may use CK Editor, the WYSIWYG editor we've installed (click the "Edit" tab at the top of the page). You can cut and paste your text into the web browser window.

Alternatively, we can code your essay for you once your final text is accepted for publication.

To embed an image, click on the icon of a picture frame as seen in the toolbar located above your text editor:

Image

(In many browsers, if you mouse over the icon found on the toolbar, you will see the text box "Image" appear on your screen, floating above the landscape icon.)

Your link should include something like the following, using the specific parameters we send you.

<img src="/issues/vol1/dorwick/sample.gif">

 

In the example above , I would be calling an image named "sample.gif" located in the directory for my project ("dorwick") located in the directory for all media for Volume 1 ("vol1").

You can name the jpgs or gifs as you wish. Capitals matter! ("Test.jpg" is NOT the same name as "test.jpg.")

Sample Image:

Technoculture Logo

Here is the code that calls that image:

<img alt="Technoculture Logo" src="/issues/demo/images/tc_logo.gif" border="2" align="middle" hspace="5" vspace="5">

 

"demo" is the volume; "images" is the subdirectory specific to your project (usually your last name).

Set border to 2 and hspace and vspace to 5. Alignment can be set as you see best for your project.

Please ensure you use the alt tag as you do your HTML, thus including a short textual version of your image.

Following these conventions should cause your images to appear in both the editing window and the view seen by readers.