help please

[francesco]

hello forum,

we need help for one my question....

i have create, with highslide editor my favorite highslide gallery....

anyway when click on image function open or close function are present...

how to possible to enable features present on this example ?
see link...
http://www.roadrash.no/hs-support/galle ... trols.html

when click on image next image are displayed and not close..

is possible to enable on highslide editor this features?

thank you for your work and contribution

[EarlyOut]

I don't think the Editor includes that option. You need to edit the highslide.config.js file, and add these lines at the bottom:

Code: Select all

hs.Expander.prototype.onImageClick = function() {
	return hs.next();
}

[RoadRash]

You also need to replace this line in the head section of your page:

Code: Select all

<script type="text/javascript" src="highslide/highslide-with-gallery.js"></script>

with this:

Code: Select all

<script type="text/javascript" src="highslide/highslide-full.js"></script>

[EarlyOut]

I always forget that part!

[RoadRash]

Yeah - I know!

[francesco]

very very thank's for support....

my config file is:
**********************************
/**

* Site-specific configuration settings for Highslide JS

*/

$(document).ready(function() {

hs.graphicsDir = 'http://www.franzdepa.com/highslide/graphics/';
hs.showCredits = false;
hs.creditsPosition = 'bottom right';
hs.outlineType = 'custom';
hs.dimmingOpacity = 0.5;
hs.fadeInOut = true;
hs.align = 'center';
hs.padToMinWidth = true;
hs.blockRightClick = true;
hs.registerOverlay({
html: '<div class="closebutton" onclick="return hs.close(this)" title="Close"></div>',
position: 'top right',
useOnHtml: true,
fade: 2 // fading the semi-transparent overlay looks bad in IE
});



// Add the slideshow controller
hs.addSlideshow({
slideshowGroup: (function() {
var groups = [];
$('.gallery').each(function(i, $item) {
groups.push($item.id);
});
return groups;
})(),
interval: 5000,
repeat: false,
useControls: true,
fixedControls: 'fit',
overlayOptions: {
className: 'controls-in-heading',
opacity: 0.75,
position: 'below',
offsetX: 1,
offsetY: -22,
hideOnMouseOut: false
},
thumbstrip: {
mode: 'horizontal',
position: 'bottom center',
relativeTo: 'viewport'
}

});

hs.numberPosition = 'caption';
hs.transitions = ['expand', 'crossfade'];
// for gallery
$('.gallery-item a').addClass('highslide');
$('.gallery-item a').each(function() {
this.onclick = function() {
return hs.expand(this, {
slideshowGroup: this.parentNode.parentNode.parentNode.id
});
};
});

// For single images
hs.onSetClickEvent = function(sender, e) {
e.element.onclick = function() {
return hs.expand(this, singleConfig);
}
return false;
};

var singleConfig = {
slideshowGroup: 'single-image',
outlineType: 'drop-shadow',
wrapperClassName: 'borderless',
numberPosition: null,
dimmingOpacity: 0
};

hs.registerOverlay({
slideshowGroup: 'single-image',
html: ' <div onclick="return hs.close(this)" title="Close"></div>',
position: 'top right',
fade: 2
});

});
hs.Expander.prototype.onImageClick = function() {
return hs.next();
}
**********************************

code is correct here ?


sorry im not expert...

[RoadRash]

Yes, the code is correct.

[francesco]

You also need to replace this line in the head section of your page:

Code: Select all

<script type="text/javascript" src="highslide/highslide-with-gallery.js"></script>

with this:

Code: Select all

<script type="text/javascript" src="highslide/highslide-full.js"></script>

again thx for help...

i dont see this line on my wordpress page...
is normal?

[RoadRash]

I can see from the code youÔÇÖve posted that you are using the ÔÇ£Highslide in Wordpress without third-party pluginÔÇØ code, so you don't have to worry about the file - you are already using the correct file.

[francesco]

yes, work correctly,

thx