html - How do I set Highslide expander size? -

html - How do I set Highslide expander size? -

i'm trying set in-page highslide gallery on site. however, i'm experiencing problems setting size of epxander.

the page gallery http://civicsector.org.ua/multimeda/foto/208-akcya-geroyi-nezalezhnost.html (wait moment until page loads completely)

i want big image (the expander) no more than, say, 300x200 px.

however, right 960x720.

the annoying thing can't find place in code 960x720 size set.

i'm trying set 300x200 size in code, reason not work:

$gallery = " hs.align = 'auto'; hs.transitions = ['expand', 'crossfade']; //hs.width = 200; //hs.zindexcounter = 1; // add together slideshow providing controlbar , thumbstrip hs.addslideshow({ //slideshowgroup: 'group1', interval: 5000, repeat: true, usecontrols: true, //relativeto: 'viewport', overlayoptions: { position: 'bottom center', offsety: 50, offsetx: -5 }, thumbstrip: { position: 'above', mode: 'horizontal', relativeto: 'expander', //width: '200px', // must same width in inpageoptions //offsety: 115 } });"; $gallery2 = " // options in-page items var inpageoptions = { //slideshowgroup: 'group1', outlinetype: null, allowsizereduction: false, wrapperclassname: 'in-page controls-in-heading', usebox: true, //minwidth: 200, //minheight: 150, width: 300, height: 200, targetx: 'gallery-area 10px', targety: 'gallery-area 10px', captioneval: 'this.thumb.alt', numberposition: 'caption' } hs.onsetclickevent = function ( sender, e ) { // set onclick element, output grouping name caption debugging e.element.onclick = function () { homecoming hs.expand(this, inpageoptions); } // homecoming false prevent onclick beingness set 1 time 1 time again homecoming false; } // open first thumb on page load hs.addeventlistener(window, 'load', function() { //$('a.highslide').hide(); $('a.highslide').first().click(); }); // cancel default action image click , next instead hs.expander.prototype.onimageclick = function() { if (/in-page/.test(this.wrapper.classname)) homecoming hs.next(); } // under no circumstances should static popup closed hs.expander.prototype.onbeforeclose = function() { if (/in-page/.test(this.wrapper.classname)) homecoming false; } // ... nor dragged hs.expander.prototype.ondrag = function() { if (/in-page/.test(this.wrapper.classname)) homecoming false; } // maintain position after window resize hs.addeventlistener(window, 'resize', function() { var i, exp; hs.page = hs.getpagesize(); (i = 0; < hs.expanders.length; i++) { exp = hs.expanders[i]; if (exp) { var x = exp.x, y = exp.y; // new thumb positions exp.tpos = hs.getposition(exp.el); x.calcthumb(); y.calcthumb(); // calculate new popup position x.pos = x.tpos - x.cb + x.tb; x.scroll = hs.page.scrollleft; x.clientsize = hs.page.width; y.pos = y.tpos - y.cb + y.tb; y.scroll = hs.page.scrolltop; y.clientsize = hs.page.height; exp.justify(x, true); exp.justify(y, true); // set new left , top wrapper , outline exp.moveto(x.pos, y.pos); } } });"; echo $gallery; echo $$gallery2;

any ideas on why not work?

thanks.

in add-on alter width , height inpageoptions, need alter allowsizeredution false true.

// options in-page items var inpageoptions = { //slideshowgroup: 'group1', outlinetype: null, allowsizereduction: true, wrapperclassname: 'in-page controls-in-heading', usebox: true, //minwidth: 200, //minheight: 150, width: 300, height: 200, targetx: 'gallery-area 10px', targety: 'gallery-area 10px', captioneval: 'this.thumb.alt', numberposition: 'caption' };

gallery placed centered @ top of page since #gallery-area div missing in page. if #gallery-area div present, need alter height , width of div fit reduced size of gallery.

html css highslide