jongs
Posts: 4
Joined: Wed Jun 10, 2009 4:51 pm

Right Alignment but would like to position

Using the config file below I have what I need in terms of behaviour. However I would like the pop up to appear near the top right corner of the web page.

If I use targetx targety I lose hs.anchor which is giving me the exact behaviour I want with the controls fixed regardless of image size.

You can see the page at http://www.gelstoncastle.com/HolidaysStartHerex.html

Many thanks for any help

Jon

config is here (I cannot seem to upload any attachment whatever I change the file type to.

Code: Select all

/**
*	Site-specific configuration settings for Highslide JS
*/

hs.graphicsDir = 'highslide/graphics/';
hs.showCredits = false;
hs.creditsPosition = 'bottom right';
hs.outlineType = 'custom';
hs.dimmingOpacity = 0.25;
hs.fadeInOut = true;
hs.anchor = 'top right'
hs.allowSizeReduction = false;
hs.allowMultipleInstances = false;
hs.captionEval = 'this.a.title';


// Add the slideshow controller
hs.addSlideshow({
	slideshowGroup: 'group1',
	interval: 5000,
	repeat: false,
	useControls: true,
	fixedControls: true,
	overlayOptions: {
		className: 'controls-in-heading',
		opacity: '0.75',
		position: 'top right',
		offsetX: '1',
		offsetY: '-27',
		hideOnMouseOut: false
	}
});

// gallery config object
var config1 = {
	slideshowGroup: 'group1',
	thumbnailId: 'thumb1',
	numberPosition: 'heading',
	transitions: ['expand', 'crossfade']
};
torstein.honsi
Site Admin
Posts: 9215
Joined: Thu Nov 09, 2006 11:22 am
Location: Vik i Sogn, Norway

Re: Right Alignment but would like to position

Jon,

There's another option for keeping the controls fixed. It is set to true in your config, so if you use targetX and targetY it should keep the controls fixed even if hs.anchor is ignored.
Torstein Hønsi
CTO, Founder
Highsoft
jongs
Posts: 4
Joined: Wed Jun 10, 2009 4:51 pm

Re: Right Alignment but would like to position

Thanks for your reply. For the record as soon as we put back in the targetx attribute the images left align. However the problem is solved as far as I am concerned by just using targety attribute. If it is of interest you can see the difference between http://www.gelstoncastle.com/HolidaysStartHerex.html which has only the targety attribute and http://www.gelstoncastle.com/HolidaysStartHerexx.html which also has the targetx one.

On the second page when the image is smaller it shoots off to the left.

Again, much appreciate your help.

Many thanks

Jon

Return to “Highslide Editor”