Simple Controls Gallery Tweaks

[RyanDavies]

1) Script Title: Simple Controls Gallery 1.3

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...plegallery.htm

3) Describe problem: Instead of having the navbar at the bottom display only on mouseover, I'd like it to display 100% of the time.

Also, how would I go about adding buttons at the bottom (say, 1-4) that will automatically load a given image.

[azoomer]

Hi!
I searched the forum for your question and found this link: http://www.dynamicdrive.com/forums/showthread.php?t=40876&highlight=simple+controls+visible.
I tried the fix and i think it works as you want. You need to open the simplegallery.js file and replace these two lines:

setting.$wrapperdiv.bind('mouseenter', function(){slideshow.showhidenavpanel('show')})
setting.$wrapperdiv.bind('mouseleave', function(){slideshow.showhidenavpanel('hide')})

With only one line like this:

slideshow.showhidenavpanel('show')

Try it out. It should work.
Regarding your last question i wouldn`t know how to do it, but maybe you can figure it out if you look here

[RyanDavies]

No dice, just results in a blank screen.

[azoomer]

Ok i uploaded the edited version here , and you can grab the simplegallery.js that is being used on that page here.

[RyanDavies]

Awesome. All I need now is a way to remove the 1/4, 2/4, etc text, as it is causing issues with IE (firefox doesn't space out the left/right images all funky, whereas IE does).

[azoomer]

Hi! i changed the visibility of the numbers so they cannot be seen. You can see the result here . and the js here. I´m not sure if that is what you are after. I have to warn you though: i basically don´t know what i am doing and you may run into trouble if you use scripts that i have tinkered with. There is obviously a better way to do it, so it might be better to take advice from someone who understands this stuff. Good luck

[RyanDavies]

What'd you modify?

[azoomer]

This line is about 30 lines up if you count from the bottom of the script:

interfaceHTML+='<div class="gallerystatus" style="visibility:hidden">' + (setting.curimage+1) + '/' + setting.imagearray.length + '</div>'

I wrote : style="visibility:hidden" instead of: style="margin-top:1px". But i guess this is not really removing the numbers only hiding them (cheating).

[RyanDavies]

Alright, I really need to be able to add additional images in the nav panel, show with the ability to toggle between 1st, 2nd, 3rd, and 4th slides. Would be happy to compensate somebody who can help me with this.