Hi, I had opened an issue including this question earlier - after trying some fixes, it is persistent, but still intermittent. I cannot really verify whether it is a problem with the jq ui plugin or with the drupal implementation of it:

occasionally on page load time (about 50% of the time, after clearing the browser cache then loading the page in question - I've never had to clear the drupal cache to reproduce this) the horizontal jcarousel autoscroll block displays itself as a vertically oriented list, and then flickers quickly into its appropriate horizontal configuration.

Please take a short look at the screen video attached (390kB)

The major components of the current setup:
drupal 6.14
cck 6.x-2.6
views 6.x-2.7
chaos tools 6.x-1.2
jQ 6.x-1.2
jQuery plugins 6.x-1.10
jQuery update 6.x-1.1
jCarousel lite 6.x-2.0-beta6 (:nodes and :views integration modules are enabled)

and various other modules.

Instead of the jcarousellite_1.0.1.js directly from the real plugin web page, there's a tweak that many are using called jcarousellite_1.0.1c4.js - here's a web page that references it, where you can download it also:

http://www.webdesignbooth.com/create-a-vertical-scrolling-news-ticker-wi...

(google jcarousellite_1.0.1c4 to find more)

and then incorporate it in jcarousellite.module:

//    drupal_add_js(drupal_get_path('module', 'jcarousellite') .'/js/jcarousellite.js');
    drupal_add_js(drupal_get_path('module', 'jcarousellite') .'/js/jcarousellite_1.0.1c4.js');

(the flicker occurs for all versions of the .js code)

Comments

caver456’s picture

caver456 commented

so .avi can't be attached... please take a look at the video here (390kB):

http://apple-nc.org/sites/default/files/out2.avi

Thanks

caver456’s picture

caver456 commented

The earlier issue that referenced the same flicker problem:
http://drupal.org/node/648192

which has the suggestion (by referring to the actual jquery plugin website) to use the style left:-5000px;

And I tried that by putting it in modules/jcarousellite/modules/jcarousellite_views/jcarousellite_views.css:

div.jcarousellite {
  float: left;
  left:-5000px;
}

(firebug shows that left:-5000px is actually getting incorporated in the rendered page, assuming that's the token we want to apply it to...?)

dmurray’s picture

dmurray commented

When I try and add the style thats in #2 the carousel is off the screen. Can someone help clarify what should be added to jcarousellite_views.css in order to hide the flickering?

dmurray’s picture

dmurray commented

When I try and add the style thats in #2 the carousel is off the screen. Can someone help clarify what should be added to jcarousellite_views.css in order to hide the flickering?