the answer for all question about Oxygen Builder plugin and WordPress

Probably a stupid mistake on my part but just made a new site, copied in this code to create a horiz


Probably a stupid mistake on my part but just made a new site, copied in this code to create a horizontal slider. Works fine in the same browser as the builder but in an incognito window or different browser, it doesn’t look as though the jQuery is loading. I’ve cleared my cache and reset shortcodes but no luck.
Here’s my code just in case I’m making a mistake with the way I’m adding it.
Thanks!

(function($){
var $bl = $(“.thumbs-block”),
$th = $(“.thumbs”),
blW = $bl.outerWidth(),
blSW = $bl[0].scrollWidth,
wDiff = (blSW/blW)-1, // widths difference ratio
mPadd = 60, // Mousemove Padding
damp = 20, // Mousemove response softness
mX = 0, // Real mouse position
mX2 = 0, // Modified mouse position
posX = 0,
mmAA = blW-(mPadd*2), // The mousemove available area
mmAAr = (blW/mmAA); // get available mousemove fidderence ratio
$bl.mousemove(function(e) {
mX = e.pageX – this.offsetLeft;
mX2 = Math.min( Math.max(0, mX-mPadd), mmAA ) * mmAAr;
});
setInterval(function(){
posX += (mX2 – posX) / damp; // zeno’s paradox equation “catching delay”
$th.css({marginLeft: -posX*wDiff });
}, 10);
})(jQuery);


Source

Checkout Woo Design Set

Boundaries

3 Comments
  1. Austin says

    Does the browser developer tools console provide any insight?

  2. Willis says

    would love to see this code in use if you’d share a url!

  3. Rotua says

    work in my side

Leave A Reply

Your email address will not be published.

Oxyrealm Docs OxyMade - Oxygen Builder Design Set Mega collection