Jump to content

Trying to style buttons in JavaScript Slide-Rotator


doubledee

Recommended Posts

Someone introduced me to this really cool Slide-show called "jShowOff: a jQuery Content Rotator" located here:

http://ekallevig.com/jshowoff/

 

I would like to change the styling on the black strip that contains the buttons (e.g. Pause, Next, 1, 2, 3,...) but can't figure out to do that since they are not in the HTML file I'm working on?!

 

Can someone help me figure this out?

 

Thanks,

 

 

Debbie

 

 

 

I checked it out in firebug and it would seem that the best way would be to simply change the css properties for .jshowoff-active (for active links),.jshowoff-slidelinks a (for inactive links) and .jshowoff-controls a (for the controls)

I checked it out in firebug and it would seem that the best way would be to simply change the css properties for .jshowoff-active (for active links),.jshowoff-slidelinks a (for inactive links) and .jshowoff-controls a (for the controls)

 

I figured that out by pasting the HTML - quickly!! - into NotePad before it changed again!! 

 

What has me stumped, more so, is how does the HTML or JavaScript refer to the style-sheet "jshow.css'???

 

I have been searching high-and-low, but can't for the life of me figure this out, which means even if I style the correct element, it take effect!  :-[

 

Thanks,

 

 

Debbie

 

 

What has me stumped, more so, is how does the HTML or JavaScript refer to the style-sheet "jshow.css'???

 

I was being dumb with that last question...  :shy:

 

Someone had provided me with some code and since there was no reference to a stylesheet I thought that was happening in the JavaScript at runtime.

 

Turns out I just needed to point to my own stylesheet.

 

BTW, I was up until 3am but finally got all of the styles tracked down and have a pretty awesome looking slide show now!!

 

Thanks,

 

 

Debbie

 

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.