it's possible, I think that you need to check at the swf.html if it is a jpg or swf if it's a swf open it like this
http://www.roadrash.no/hs-support/flash-gallery.htmlI'm trying to solve it, and i will update
O.k. I partially managed it you can see it
Here some problems:
1) the thumbnail image changes each time i press F5 (refresh) the Image source
img src="./data/thumbnails/{cat_id}/{thumbnail_file_name}"
2) the height is too large
3) I would like a larger margin from the top
4) I would like that it will work on the categories page as well.
now I need your helpswf.html
<!-- Template file for Flash Movies -->
<table cellpadding="1" cellspacing="0" border="0">
<tr>
<td bgcolor="#000000">
<!--
1 ) Reference to the files containing the JavaScript and CSS.
These files must be located on your server.
-->
<script type="text/javascript" src="./js/highslide/highslide-full.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject.js"></script>
<link rel="stylesheet" type="text/css" href="./js/highslide/highslide.css" />
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="./sj/highslide/highslide-ie6.css" />
<![endif]-->
<!--
2) Optionally override the settings defined at the top
of the highslide.js file. The parameter hs.graphicsDir is important!
-->
<script type="text/javascript">
hs.graphicsDir = 'js/highslide/graphics/';
hs.wrapperClassName = 'flash';
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.fadeInOut = true;
hs.dimmingOpacity = 0.8;
hs.outlineType = 'rounded-white';
hs.captionEval = 'this.a.title';
hs.marginBottom = 1; // make room for the thumbstrip and the controls
hs.allowSizeReduction = false;
hs.preserveContent = false;
</script>
<style type="text/css">
/* Remove the header */
.flash .highslide-header {
display: none;
}
/* Remove the footer */
.flash .highslide-footer {
display: none;
}
/* Remove padding in the popup */
.flash .highslide-html-content {
padding: 0;
}
/* Remove Play, Pause and Full expand buttons from the controls */
.text-controls .highslide-controls .highslide-play {display: none;}
.text-controls .highslide-controls .highslide-pause {display: none;}
.text-controls .highslide-controls .highslide-full-expand {display: none;}
</style>
</head>
<body>
<!--
3) Put the thumbnails inside a div for styling
-->
<div class="highslide-gallery">
<!--
4) This is how you mark up the thumbnail images with an anchor tag around it.
The anchor's href attribute defines the URL of the swf file. Given the captionEval
option is set to 'this.a.title', the caption is grabbed from the title attribute of
the anchor.
-->
<a class='highslide' id="thumb1" href='{media_src}'
onclick="return hs.htmlExpand(this, { objectType: 'swf', width: 700,
objectWidth: 700,objectHeight: 500, maincontentText: 'You need to upgrade your Flash player'} )">
<img src="./data/thumbnails/{cat_id}/{thumbnail_file_name}" alt='highslide' /></a>
</div>
<!-- <object width="800" height="600" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0"{width_height} />
<param name="movie" value="{media_src}">
<param name="quality" value="high">
<param name="play" value="true">
<param name="scale" value="true">
<embed width="800" src="{media_src}" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash"{width_height}></embed></object></td>
-->
</tr>
</table>