# Images in Skins

When you add images to your skins use the {skindir} variable to point to the correct location. You **cannot** use a relative path to the image because not all the pages are in the same directory (such as a number of the challenges pages, poll and shoutbox archives, etc)

```
<img src="'skins/MYSKIN/images/Banner.jpg'>"
```

Wrong!  This will break on some of your pages.

```
<img src="'{skindir}/images/Banner.jpg'>"
```

Right!  The script will automatically fill in the correct relative path to the skin directory.

```
<img src="' http://www.yoursite.com/skins/images/Banner.jpg '>"
```

Also right.  You can also use the complete URL to the image like this.

When you want to customize the stars, like/dislike, featured/retired, etc. graphics using the variables.php you should use the PHP variable $skindir in the same way.

```
$star = "<img src="'skins/MYSKIN/images/star.gif'" alt='"._STAR."'>";
```

Wrong!  This will break in places.&#x20;

```
$star = "<img src="'".$skindir."/images/star.gif'" alt='"._STAR."'>";
```

Right!  This will automatically supply the correct relative path.<br>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.e107sk.com/efiction-3-5-5/skins/images-in-skins.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.