im using the Highslide.js with yahoo stores. I have been using it for 3 years and just this week realized I could add an "x" in the top and direction arrows. However, I have no idea how to do it.
The following is my current code In my head tags. what do I add and where to add this functionality:
Code: Select all
<!-- Highslide js Script begins -->
<!--
1 ) Reference to the files containing the JavaScript and CSS.
These files must be located on your server.
-->
<script type="text/javascript" src="http://www.dimplesshop.com/lib/yhst-43210482468533/highslide.js%22%3E%3C/script>
<link rel="stylesheet" type="text/css" href="http://www.dimplesshop.com/lib/yhst-43210482468533/highslide.css" />
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="http://www.dimplesshop.com/lib/yhst-43210482468533/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 = 'http://site.dimplesshop.com/highslide1/graphics/';
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.outlineType = 'glossy-dark';
hs.wrapperClassName = 'dark';
hs.fadeInOut = true;
//hs.dimmingOpacity = 0.75;
// Add the controlbar
if (hs.addSlideshow) hs.addSlideshow({
//slideshowGroup: 'group1',
interval: 5000,
repeat: false,
useControls: true,
fixedControls: 'fit',
overlayOptions: {
opacity: .6,
position: 'bottom center',
hideOnMouseOut: true
}
});
</script>
<link href="http://www.dimplesshop.com/lib/yhst-43210482468533//highslide.css" rel="stylesheet" type="text/css" />
<!-- Highslide js Script ends -->
Jeremy
http://www.DimplesShop.com