tl;dr The likely culprit is that the image you're preloading in your init script via xifin-home-init.js is not there.
A couple of things: - I noticed this because, on slide change, the JS injected inline styles were only moving the slide 570px - ^ That is because the slider was built before the images contained within loaded and the preloading image was 404 (the radiology site successfully preloads) - Your slider controls wrap the slides; this isn't typical Drupal slides markup, I would look into custom .tpl.php to see why this might be; maybe look into the Flexslider module also - This could be resolved via CSS by making the viewport of the carousel 100% of it's container, this way the JS will move the slide relative to it's parent, not its own width (which is skewed by the image not being loaded) == don't rely on an image loading or don't initiate until you've confirmed an image has loaded. - Drupal makes it point-and-click easy to aggregate and compress your CSS/JS, I would recommend taking advantage of this Hope it helps! Chris Chris Rockwell On Fri, Oct 24, 2014 at 10:49 PM, J.C. Berry <jcharlesbe...@gmail.com> wrote: > Hello all, > Feel free to tell me that this is not a CSS issue, but I thought I'd ask: > > We have a sliding banner on our main site homepage > http://www.xifin.com > And our radiology microsite homepage > http://www.xifin.com/radiology > > But you will notice on the main site that there is a jump in the image at > the end of each transition. > > Do you think this is due to a CSS problem? The script is the same on both > sites, so I am stumped. > > -- > J.C. Berry, M.A. > UI Developer > 619.306.1712(m) > jcharlesbe...@gmail.com > http://www.mindarc.com > > ------------------------------------------------------------------------------------------------------------------------------------------------ > > This E-mail is covered by the Electronic Communications Privacy Act, 18 > U.S.C. ?? 2510-2521 and is legally privileged. This information is > confidential information and is intended only for the use of the individual > or entity named above. If the reader of this message is not the intended > recipient, you are hereby notified that any dissemination, distribution or > copying of this communication is strictly prohibited. > > ------------------------------------------------------------------------------------------------------------------------------------------------ > ______________________________________________________________________ > css-discuss [css-d@lists.css-discuss.org] > http://www.css-discuss.org/mailman/listinfo/css-d > List wiki/FAQ -- http://css-discuss.incutio.com/ > List policies -- http://css-discuss.org/policies.html > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
