At the top of the simplegallery.js file there is this block of code where you can define your control images;
Code:
var simpleGallery_navpanel={
loadinggif: 'ajaxload.gif', //full path or URL to loading gif image
panel: {height:'45px', opacity:0.5, paddingTop:'5px', fontStyle:'bold 11px Verdana'}, //customize nav panel container
images: [ 'left.gif', 'play.gif', 'right.gif', 'pause.gif'], //nav panel images (in that order)
imageSpacing: {offsetTop:[-4, 0, -4], spacing:10}, //top offset of left, play, and right images, PLUS spacing between the 3 images
slideduration: 500 //duration of slide up animation to reveal panel
}
so this is where you'll be able to edit the paths to where your actual images are located.
And to centre the gallery you should be able to add this style to the div;
Code:
<div id="simplegallery1" style="margin:0 auto;"></div>
I *think* that's all that should be needed but I can't test to make sure because I'm on iPhone now. You can move that into the CSS file but I just put it there so you can make an easier association. If that style alone doesn't work, try putting they gallery div inside another div with a style of "text-align:center;"
Code:
<div style="text-align:center;"><div id="simplegallery1" style="margin:0 auto;"></div></div>
Bookmarks