javascript - jQuery animation on selected img working locally but not remotely -
javascript - jQuery animation on selected img working locally but not remotely -
i have next animated elements in tile (visually) rotate on z-axis... on next page...
http://sthera.com/modelos.php
and coded (a bit brute-forced, if more elegant solution come mind appreciated)...
$(window).load(function () { imagesloaded('.fixedwidth', function () { console.log("animation starting3"); var locationclean = window.location.href.split('?')[0]; var loc = locationclean.split('sthera/')[1]; //alert (loc); if (loc == 'modelos.php' || loc == 'aislar.php') { //alert ("animation starting2"); var duration = 300; var imgwidth = 123; var delayfactor = 60; var marginleft = imgwidth / 2; //establecemos los valores de inicio $(".a1, .a2, .a3, .a4, .a5, .a6, .a7").css({ 'width': '0px', 'margin-left': marginleft + 'px', 'opacity': '0' }); $(".c1, .c2, .c3, .c4, .c5, .c6, .c7").css({ 'opacity': '0' }); $(".a1").delay(1 * delayfactor).animate({ 'width': imgwidth + 'px', 'margin-left': '0px', 'opacity': '1' }, duration); $(".c1").delay(1 * delayfactor + duration).animate({ 'opacity': '1' }, duration); $(".a2").delay(2 * delayfactor).animate({ 'width': imgwidth + 'px', 'margin-left': '0px', 'opacity': '1' }, duration); $(".c2").delay(2 * delayfactor + duration).animate({ 'opacity': '1' }, duration); $(".a3").delay(3 * delayfactor).animate({ 'width': imgwidth + 'px', 'margin-left': '0px', 'opacity': '1' }, duration); $(".c3").delay(3 * delayfactor + duration).animate({ 'opacity': '1' }, duration); $(".a4").delay(4 * delayfactor).animate({ 'width': imgwidth + 'px', 'margin-left': '0px', 'opacity': '1' }, duration); $(".c4").delay(4 * delayfactor + duration).animate({ 'opacity': '1' }, duration); $(".a5").delay(5 * delayfactor).animate({ 'width': imgwidth + 'px', 'margin-left': '0px', 'opacity': '1' }, duration); $(".c5").delay(5 * delayfactor + duration).animate({ 'opacity': '1' }, duration); $(".a6").delay(6 * delayfactor).animate({ 'width': imgwidth + 'px', 'margin-left': '0px', 'opacity': '1' }, duration); $(".c6").delay(6 * delayfactor + duration).animate({ 'opacity': '1' }, duration); $(".a7").delay(7 * delayfactor).animate({ 'width': imgwidth + 'px', 'margin-left': '0px', 'opacity': '1' }, duration); $(".c7").delay(7 * delayfactor + duration).animate({ 'opacity': '1' }, duration); } }); }); //end animation() //javascript document
where .a1 ... .a7
classed images.
this code runs in local test server not remotely...
i thought problem might have images not beingness loaded time $(document).ready... ran used imagesloaded plugin recommended user... preload images jquery dominant colour of image ... didn´t work though. code beingness run after images load apparently wasn't issue.
(many) in advance.
are getting console.log("animation starting3");
in console? i'm wondering if script running @ all. loc
end being? see commented out alert, maybe server's url construction different local 1 , nil running because loc
wrong or empty.
javascript jquery imagesloaded
Comments
Post a Comment