I've installed the Highslide theme and it's working perfectly.
What im trying to do is have the theme use the effect shown here: http://highslide.com/example-mini-gallery.html
Here's what i've done so far:
-Copied the highslide-with-gallery.js file to the JS directory in the Highslide theme.
-Copies all the other Highslide JS and Graphic files included in the Highslide download to the proper dir under the highslide theme dir.
-Replaced highslide.js with highslide-with-gallery.js in the header of the album.php file.
-Added the following code to the album.php file
hs.graphicsDir = '/highslide/graphics/';
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.outlineType = 'rounded-white';
hs.fadeInOut = true;
hs.numberPosition = 'caption';
hs.dimmingOpacity = 0.75;
// Add the controlbar
if (hs.addSlideshow) hs.addSlideshow({
//slideshowGroup: 'group1',
interval: 5000,
repeat: false,
useControls: true,
fixedControls: 'fit',
overlayOptions: {
opacity: .75,
position: 'bottom center',
hideOnMouseOut: true
}
});
window.onload = function() {
hs.preloadImages();
}
Here's a link to an album page in my gallery: http://www.nwbroweather.com/zenphoto/index.php?album=surf%2F20080304_Oahu
Everything seems to be working fine except the Control Graphics for Next, Previous, Play, Move, Fullsize and Close show up as text links.
Any idea why the Control Graphics aren't showing up?
I added the following to the album.php file and it does the same thing:
/highslide/graphics/';
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.outlineType = 'rounded-white';
hs.fadeInOut = true;
hs.dimmingOpacity = 0.75;
// Add the controlbar
hs.addSlideshow({
//slideshowGroup: 'group1',
interval: 5000,
repeat: false,
useControls: true,
fixedControls: 'fit',
overlayOptions: {
opacity: .75,
position: 'bottom center',
hideOnMouseOut: true
}
});
window.onload = function() {
hs.preloadImages();
}
" title="Albums Index"> |
" title="View album: ">
" title="View album: ">
" class="highslide" onclick="return hs.expand(this)" title="">
This caption can be styled using CSS.
| ?p=archive">Archive View | Powered by zenphoto
hi, i tried to do the same thing, has anybody a solution already?
The Highside theme comes with a very basic configuration. No support for a slideshow and no buttons.
Visit the Highslide editor http://highslide.com/editor/ and configure it the way you want it.
When done click the publish button and in the next window accept the licence conditions.
You can then download a ZIP file with all the files/folders necessary for your configuration.(there's also a good tutorial about what to do on the same page)
Replace the old files with the new ones.(no need use the sample images ofcourse)
You'll probably have to change some paths, do some reading and testing... ;-)
Succes