Transparent Frame, Slider, etc....

[in2tech]

I am working on converting a template to a phpVMS skin. What I thought was a slider for images turns out to be something I have not come across. Here is a screenshot of the area in question, and the code is below:

Screenshot:

http://screencast.com/t/ce1i3VFnf

And here is the code, that has me totally confused. As you can see the Piper Cub is a static image for slot 1, I am trying to figure out how to change the image when you press the different numbers 1-6. If I put a image path in it opens in a new tab instead of the image area. I am confused to say the least.

<!-- Main -->

<div id="main">

<!-- Top Image -->

<ul class="navigate">

<li class="active"><a href="#">1</a></li>

<li><a href="#">2</a></li>

<li><a href="#">3</a></li>

<li><a href="#">4</a></li>

<li><a href="#">5</a></li>

<li><a href="#">6</a></li>

</ul>

<div class="transparent-frame">

<div class="frame"> </div>

<img src="/lib/skins/runway/css/images/cub.png" alt="" /> </div>

<div class="cl"> </div>

<!-- End Top Image -->

[flyalaska]

Is that the code they supplied in the demo?

[freshJet]

More code please, looks like there might be jQuery involved.

[in2tech]

Is that the code they supplied in the demo?

Yes, and when you clicked on number's 2-6 on the demo it took you to the template site. So you think it is meant to be external links only, or something like an internal page link, say like an about page or something? Seems odd and there is no more code like a slider would have, that is it.

[freshJet]

Try taking the slash off of the start of the source path on the jQuery files, like this:

<script src="lib/skins/runway/js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="lib/skins/runway/js/jquery-func.js" type="text/javascript"></script>