HighSlide JS settings not being applied correctly?

[jyates]

Hi,

First up, just wanted to say that Phoca Gallery is awesome for a Joomla novice like myself (Only been using Joomla for about a week!).

However, I've run into some strange behaviour with the gallery... and I'm not sure if it is a bug in the 2.5.0 Beta, or if I am just not doing something correctly.

I would like to use the "borderless floating caption" and control layout (top center) as shown on the demo site here: https://www.phoca.cz/demo/highslide-description, which gives a result that looks like:

http://60.234.41.197/~airline/phoca_deb ... ide_js.jpg

However, no matter what HighSlide JS "Class" I choose, I always end up getting the following:

http://60.234.41.197/~airline/phoca_deb ... _white.jpg

I have setup the component parameters as follows:

http://60.234.41.197/~airline/phoca_deb ... meters.jpg

I had a look at the HTML Source for the page, and it seems that for some reason, where it is setting "var phocaZoom", the values are a bit wrong:

Code: Select all

var phocaZoom = { 
 objectLoadTime : 'after', outlineType : 'rounded-white', wrapperClassName: '0.6', outlineWhileAnimating : true, enableKeyListener : false, minWidth : 680, minHeight : 576, dimmingOpacity: 0,  fadeInOut : true, contentId: 'detail', objectType: 'iframe', objectWidth: 680, objectHeight: 576 };

I assumethe wrapperClassName should be 'borderless floating-caption', not '0.6' (which I guess is supposed to be the dimmingOpacity value) as the HTML Source for the demo page shows this:

Code: Select all

var phocaZoom = { 
 objectLoadTime : 'after', wrapperClassName: 'borderless floating-caption', outlineWhileAnimating : true, enableKeyListener : false, minWidth : 680, minHeight : 576, dimmingOpacity: 0.6,  fadeInOut : true, contentId: 'detail', objectType: 'iframe', objectWidth: 680, objectHeight: 576 }; if (hs.addSlideshow) hs.addSlideshow({ 
  slideshowGroup: 'groupC',
  interval: 5000,
  repeat: false,
  useControls: true,
  fixedControls: false,
    overlayOptions: {
      opacity: 1,
     	position: 'top center',
     	hideOnMouseOut: true
	  }
 });

I have tried with rhuk_milkyway and that still does the same thing (my actual template is just a slightly modified version of rhuk_milkyway).


Any ideas?

regards,
Jared

ps. you can see the actual site at http://60.234.41.197/~airline/

[Jan]

Hi,

there are two methods

- highslide and
- highslide (image only)

on the first screenshot of your site there is a highslide (iframe) effect.

You should set Detail Window: Highslide JS(image only)

Jan

[jyates]

Woohoo... it worked! I knew it would be something easy

Thanks for the quick response!

Now if I could just get 3rd party cookies working through an IFRAME with InternetExplorer I would be a happy man! (note: NOT Phoca Gallery related!!! )

[Jan]

Ok