I would like to implement Highslide into Photo organizer.
Highslide is based on CSS and JS files. When using normal HTML, the only code needed to show Highslide on your page, is this code:
- Code: Select all
<script type="text/javascript" src="highslide/highslide-with-gallery.js"></script>
<script type="text/javascript" src="highslide/highslide.config.js" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="highslide/highslide.css" />
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="highslide/highslide-ie6.css" />
<![endif]-->
<div class="highslide-gallery">
<ul>
<li>
<a href="highslide/sample-images/thumbstrip01.jpg" class="highslide"
title="Caption from the anchor's title attribute"
onclick="return hs.expand(this, config1 )">
<img src="highslide/sample-images/thumbstrip01.thumb.jpg" alt=""/>
</a>
</li>
</ul>
</div>
I would like to change in the Photo-organizer, to that Highslide is used to show images.
The problem is that i dont have a clue of where to start. The code of the Phoo seems to be very complicated