Description on the right side?Highslide

Phoca Gallery - image gallery extension
phidias81
Phoca Enthusiast
Phoca Enthusiast
Posts: 70
Joined: 05 Jan 2012, 01:20
Contact:

Description on the right side?Highslide

Post by phidias81 »

Hello, I'm using highslide through the component Phocagallery. I really like the aspect and functionality.
But I have a problem when I add long description, they are in the bottom and reduce the size of the image, as you can see clicking at the first image with the tent http://www.nomadtravellers.com/index.ph ... %20-%20mod
I would like to put the description on the right, instead of at the bottom, I guess it shouldn't be difficult, but I know nothing about coding except some css. Any suggestion? Thank you very much!
phidias81
Phoca Enthusiast
Phoca Enthusiast
Posts: 70
Joined: 05 Jan 2012, 01:20
Contact:

Re: Description on the right side?Highslide

Post by phidias81 »

I'm discussing about it also with highslide developers. They gave me a solution but so fa is not working for me
http://joomlanook.com/index.php?option= ... =6200#6205
phidias81
Phoca Enthusiast
Phoca Enthusiast
Posts: 70
Joined: 05 Jan 2012, 01:20
Contact:

Re: Description on the right side?Highslide

Post by phidias81 »

So solved through highslide! This is the code is somebody needs it. Thanks to Ken for the help!
Hi,

I looked at your highslide-full.js file and don't see your changes at all.

If you want to make the changes by modifying that file, it would be better to add your changes at the end of the file using the syntax that I originally posted. Find these statements at the end:

Code:
hs.addEventListener(document, 'mousedown', hs.mouseClickHandler);
hs.addEventListener(document, 'mouseup', hs.mouseClickHandler);
hs.addEventListener(document, 'ready', hs.setClickEvents);
hs.addEventListener(window, 'load', hs.preloadImages);
hs.addEventListener(window, 'load', hs.preloadAjax);


After the last statement above add the following:

Code:
hs.captionOverlay.fade = 0;
hs.captionOverlay.position = 'rightpanel';
hs.captionOverlay.relativeTo = 'expander';
hs.captionOverlay.hideOnMouseOut = false;
hs.captionOverlay.opacity = 1;


- Ken

You can adjust the width of the caption area by adding a statement like the one below to the highslide-full.js file:

hs.captionOverlay.width = '300px';

Set the 300px value to the width that you would like to use.
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 49149
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Description on the right side?Highslide

Post by Jan »

Ok, thank you for the guide.

Jan
If you find Phoca extensions useful, please support the project
phidias81
Phoca Enthusiast
Phoca Enthusiast
Posts: 70
Joined: 05 Jan 2012, 01:20
Contact:

Re: Description on the right side?Highslide

Post by phidias81 »

After uploading to the last version of phocagallery, I can't control anymore the width of Highslide caption through highslide-full.js. I modified again as the file was before to have captions on the right, and I set the width of the caption to 400 px with this line
hs.captionOverlay.width = '400px';
But despite this the caption is not changed and still shown only at 200px. Before the update it was working correctly. Any clues?
Thx!
www .nomadtravellers.com/photo-stories/category/73-the-ice-hotel-in-jukkasjarvi
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 49149
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Description on the right side?Highslide

Post by Jan »

Hi, really no idea where can be the problem, there were no changes regarding this :idea:
If you find Phoca extensions useful, please support the project
Post Reply