Help me disable animate queue effect on Ipad

Could somebody help to disable the queue element effect on Ipad, because it has this anoying delayede response on the Ipad - you have scrollede past the images before they are loaded.

I am trying to use this in override.css:

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
.gkNspPM-Portfolio .animate_queue_element {
opacity: 1 !important;
}
}

But it still uses the effect - what am i missing )

Anybody....

Hello,

Could you show me your website? I should to see it and making sure that there is no CSS overrides which can stop your code.

Sure )

www.hadbergs.dk/frisor/

Please try to add the following JS code at the end of js/gk.scripts.js file:

Code: Select all

jQuery(window).load(function() {
   if(elementsToAnimate.length > 0 && jQuery(window).width() <= 1024) {      
      // iterate throught the elements to animate
      if(elementsToAnimate.length) {
         for(var i = 0; i < elementsToAnimate.length; i++) {
               // create a handle to the element
               var element = elementsToAnimate[i][1];
               // check the animation type
               if(elementsToAnimate[i][0] == 'animation') {
                  gkAddClass(element, 'loaded', false);
                  // clean the array element
                  elementsToAnimate[i] = null;
               }
               // if there is a queue animation
               else if(elementsToAnimate[i][0] == 'queue_anim') {
                  element.getElements('.animate_queue_element').each(function(item, j) {
                     gkAddClass(item, 'loaded', j);
                  });
                  // clean the array element
                  elementsToAnimate[i] = null;
               }
         }
         // clean the array
         elementsToAnimate = elementsToAnimate.clean();
      }
   }
});


Yep this stops the effect, but also on Phones.

Is there a easy fix for this? )

Please replace previous code with this one:

Code: Select all

jQuery(window).load(function() {
   if(elementsToAnimate.length > 0 && jQuery(window).width() <= 1024 && jQuery(window).width() >= 768) {     
      // iterate throught the elements to animate
      if(elementsToAnimate.length) {
         for(var i = 0; i < elementsToAnimate.length; i++) {
               // create a handle to the element
               var element = elementsToAnimate[i][1];
               // check the animation type
               if(elementsToAnimate[i][0] == 'animation') {
                  gkAddClass(element, 'loaded', false);
                  // clean the array element
                  elementsToAnimate[i] = null;
               }
               // if there is a queue animation
               else if(elementsToAnimate[i][0] == 'queue_anim') {
                  element.getElements('.animate_queue_element').each(function(item, j) {
                     gkAddClass(item, 'loaded', j);
                  });
                  // clean the array element
                  elementsToAnimate[i] = null;
               }
         }
         // clean the array
         elementsToAnimate = elementsToAnimate.clean();
      }
   }
});

Yes .o)

Thats it - thanks dziudek

Problem solved