Member
Member
drexnefex   11-01-2009, 01:17
#1

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?

Administrator
Administrator
fretzl   11-01-2009, 12:12
#2

Looks like a CSS issue.
I think the path to your highslide.css is not correct or the file isn't present at all.
I know I can't find it anyway :-)

Member
Member
drexnefex   12-01-2009, 03:44
#3

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

Member
Member
pauschpage   13-02-2010, 11:58
#4

hi, i tried to do the same thing, has anybody a solution already?

Administrator
Administrator
fretzl   15-02-2010, 08:51
#5

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

Administrator
Administrator
acrylian   15-02-2010, 11:24
#6

Also note that highslide is only free for personal use...

  
Powered By MyBB, © 2002-2026 MyBB Group.
Made with by Curves UI.