9 Replies - 590 Views - Last Post: 26 June 2013 - 12:32 PM

#1 yaknowss  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 12
  • Joined: 02-January 13

jQuery slideshows cause entire home page to make shiftlike movement

Posted 26 June 2013 - 11:19 AM

On my home.php wordpress site there are 3 slideshows running off jquery. When the slideshows transition, it causes the entire web page to make a glitchy...shift like movement on the screen. especially on an apple mobile device. Not sure if this is java or css related. Any ideas? Here is the jquery i am using...

$(function(){
    $('.QuoteSS img:gt(0)').hide();
    setInterval(function(){
      $('.QuoteSS :first-child').fadeOut()
         .next('img').fadeIn()
         .end().appendTo('.QuoteSS');}, 
      6000);
});

$(function(){
    $('.ServiceSS img:gt(0)').hide();
    setInterval(function(){
      $('.ServiceSS :first-child').fadeOut()
         .next('img').fadeIn()
         .end().appendTo('.ServiceSS');}, 
      8000);
});

$(function(){
    $('.ClientSS img:gt(0)').hide();
    setInterval(function(){
      $('.ClientSS :first-child').fadeOut()
         .next('img').fadeIn()
         .end().appendTo('.ClientSS');}, 
      3000);
});


Is This A Good Question/Topic? 0
  • +

Replies To: jQuery slideshows cause entire home page to make shiftlike movement

#2 laytonsdad  Icon User is offline

  • Cheese and Sprinkles
  • member icon

Reputation: 436
  • View blog
  • Posts: 1,840
  • Joined: 30-April 10

Re: jQuery slideshows cause entire home page to make shiftlike movement

Posted 26 June 2013 - 11:32 AM

First off Java != Javascript

I don't see anything that would cause this issue.

I have noticed that different browsers render jQuery animations differently. IE has a terrible time with growing divs with a border and is jumpy.

Can you post a link to the issue in question?
Was This Post Helpful? 0
  • +
  • -

#3 yaknowss  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 12
  • Joined: 02-January 13

Re: jQuery slideshows cause entire home page to make shiftlike movement

Posted 26 June 2013 - 11:33 AM

this only happens on my apple mobile device too... pc and android work fine!

http://www.primenet.com
Was This Post Helpful? 0
  • +
  • -

#4 laytonsdad  Icon User is offline

  • Cheese and Sprinkles
  • member icon

Reputation: 436
  • View blog
  • Posts: 1,840
  • Joined: 30-April 10

Re: jQuery slideshows cause entire home page to make shiftlike movement

Posted 26 June 2013 - 11:43 AM

I believe that it is because there is a lot going on for mobile, you may want to simplify/optimize it for mobile.
Was This Post Helpful? 0
  • +
  • -

#5 yaknowss  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 12
  • Joined: 02-January 13

Re: jQuery slideshows cause entire home page to make shiftlike movement

Posted 26 June 2013 - 11:59 AM

That's another option.. I am aware of this route, just thought maybe there was a quick fix for what's currently going on the site. Thought maybe it was a java or css issue...
Was This Post Helpful? 0
  • +
  • -

#6 laytonsdad  Icon User is offline

  • Cheese and Sprinkles
  • member icon

Reputation: 436
  • View blog
  • Posts: 1,840
  • Joined: 30-April 10

Re: jQuery slideshows cause entire home page to make shiftlike movement

Posted 26 June 2013 - 12:23 PM

Javascript is not the same as Java
Was This Post Helpful? 0
  • +
  • -

#7 yaknowss  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 12
  • Joined: 02-January 13

Re: jQuery slideshows cause entire home page to make shiftlike movement

Posted 26 June 2013 - 12:25 PM

touche... *javascript :)
Was This Post Helpful? 0
  • +
  • -

#8 laytonsdad  Icon User is offline

  • Cheese and Sprinkles
  • member icon

Reputation: 436
  • View blog
  • Posts: 1,840
  • Joined: 30-April 10

Re: jQuery slideshows cause entire home page to make shiftlike movement

Posted 26 June 2013 - 12:27 PM

:whistling:
Was This Post Helpful? 0
  • +
  • -

#9 yaknowss  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 12
  • Joined: 02-January 13

Re: jQuery slideshows cause entire home page to make shiftlike movement

Posted 26 June 2013 - 12:30 PM

So thats the only doable option...? There's no "quick" fix to my issue?
Was This Post Helpful? 0
  • +
  • -

#10 laytonsdad  Icon User is offline

  • Cheese and Sprinkles
  • member icon

Reputation: 436
  • View blog
  • Posts: 1,840
  • Joined: 30-April 10

Re: jQuery slideshows cause entire home page to make shiftlike movement

Posted 26 June 2013 - 12:32 PM

Some one else may have somthing.
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1