Highlights Module Autoanimation

We set the autoanimation to "ON" and this is the effect we wanted. However, the navigation bar underneath does not move with the rotating image. It displays the title for the next feature (not the displayed feature, and only moves when arrows are clicked.
Can you please advise? Thanks.

Could you please post an url to your site?

http://75.103.90.130/ (not in production)

The site doesn't load (timeout) - is it live?

Yes it's running.

Hi, thanks for asking this question. I thought I might need to import an external extension to accomplish the animation and i stumbled upon your question.

So I went into the Highlights module, found the animation setting, and voila, now I have the animation I was looking for.

I even found how to increase the amount of articles to put in that "carousel"!

Thanks so much!!!

There is an error in your gk.menu.js file. The change is probably from other thread:

Code: Select all

      /*  AMCK 9/7/14 - EDITED TO EXCLUDE 13 - 33 TO FIX DOUBLE CLICK MENU PROBLEM */
         /* if(el.parent().hasClass('haschild') && jQuery(document.body).attr('data-tablet') !== null) {
                el.click(function(e) {
                    if(el.attr("dblclick") === undefined) {
                        e.preventDefault();
                        e.stopPropagation();
                        el.attr("dblclick", new Date().getTime());
                    } else {
                  if(el.parent().find('div.childcontent').eq(0).css('overflow') == 'visible') {
                     window.location = el.attr('href');
                  }
                        var now = new Date().getTime();
                        if(now - el.attr("dblclick", 0) < 500) {
                            window.location = el.attr('href');
                        } else {
                           e.preventDefault();
                           e.stopPropagation();
                           el.attr("dblclick", new Date().getTime());
                        }
                    }
                });
            }/*


But should be:

Code: Select all

      /*  AMCK 9/7/14 - EDITED TO EXCLUDE 13 - 33 TO FIX DOUBLE CLICK MENU PROBLEM */
         /* if(el.parent().hasClass('haschild') && jQuery(document.body).attr('data-tablet') !== null) {
                el.click(function(e) {
                    if(el.attr("dblclick") === undefined) {
                        e.preventDefault();
                        e.stopPropagation();
                        el.attr("dblclick", new Date().getTime());
                    } else {
                  if(el.parent().find('div.childcontent').eq(0).css('overflow') == 'visible') {
                     window.location = el.attr('href');
                  }
                        var now = new Date().getTime();
                        if(now - el.attr("dblclick", 0) < 500) {
                            window.location = el.attr('href');
                        } else {
                           e.preventDefault();
                           e.stopPropagation();
                           el.attr("dblclick", new Date().getTime());
                        }
                    }
                });
            }*/


(last line)
Please fix that first and write back if it helped.

Could you please post an url to your site?

sure, it is the development site and I am still working on it, but here it is http://newdev411.cloudaccess.net/

@rjmorrison - please post your question as a separate forum thread - it covers a little bit different topic and reading this together might be confusing for anybody trying to find here something in the future.

Thanks for the correction on the gk.menu.js file. I am not quite sure why this worked at all with that error in there, but it did. I am happy with the menu functionality.
But surely this has nothing to do with the question of autoration on the home page in the highlights module. The images rotate but the navigation below is static. Could the navigation rotate with the images?
Thanks.

I apologize if my comment caused any confusion.

I was thanking northwestcatholic for asking the question because northwestcatholic's first post told me how to turn on auto-animation.

Also, I, too, have the same issue that the navigation in the Highlights module does not rotate with the images with the autoanimation feature turned on.

Do you have an answer yet to the first question I posed in this thread for the Highlights autoanimation?
We set the autoanimation to "ON" and this is the effect we wanted. However, the navigation bar underneath does not move with the rotating image. It displays the title for the next feature (not the displayed feature, and only moves when arrows are clicked.

I have posted that request to our devteam. I'll write back as soon as I'll get the answer.

Unfortunately I'm unable to help, because this feature wasn't prepared to work with auto-animation and there is no easy way to bind the script from the template with the script from the module (it is not a portal mode - it is an additional JS layer for the NSP module).