Thoughts?
On Feb 19, 5:15 pm, "Joe [at] subprint.com" <[email protected]>
wrote:
> I am attempting to switch from an active to an inactive class where
> the CSS is only changing the border of the element:
>
> /* CSS */
>
> .inactiveThumb{
> border:4px solid #FFFFFF;
>
> }
>
> .activeThumb{
> border:4px solid #0065B8;
>
> }
>
> /* The call to switchclass is a callback function in the function
> "transition" which is triggered by a click */
>
> // Attach click handlers to buttons.
> $('> a:first', $buttonsWrap).click(function(){
>
> var change = currentSlide === 0 ?
> (numberOfSlides-1) :
> (currentSlide-1);
> // Get current slide value and
> decrease by one.
> transition(change, function(){
> $('.activeThumb:first',
> $thumbsWrap).switchClass('activeThumb',
> 'inactiveThumb', 750);
> $('> div:eq('+change+')',
> $thumbsWrap).switchClass
> ('inactiveThumb', 'activeThumb', 750);
> });
>
> // Update current slide value.
> currentSlide === 0 ? currentSlide =
> (numberOfSlides-1):
> currentSlide = (currentSlide-1);
> return false;
> });
>
> /* For good measure, the transition function */
>
> var transition = function( slideNum, callback ){
> $('#slideWrap >
> .slide:eq('+currentSlide+')').fadeOut(function(){
> $('#slideWrap >
> .slide:eq('+slideNum+')').fadeIn();
> });
> callback ? callback() : false;
> return;
>
> };
>
> Now I recall have issues before with changing border colors in IE. I
> did even grab the code from the example on ui.jquery.com for the
> switchclass method and copy/pasted it into my IDE, changed the class
> values from just changing the background colors to changing the
> borders and the same thing happened. When it attempts to change the
> border property it fails.
>
> Any sugggestions or workarounds?
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
