Question

I have this –
$('.parallax').jparallax({mouseResponse:true}, {}, {});

And I need change mouseResponse to false after click on the link –

$('a.goto').click(function(){ 
});

hepl me please (

upd:

I use this plugin to scroll big div`s in small one. And I want to stop this plugin (stop any scroll) after click on the link below.

f. ex.

html:

<div id="content" class="parallax">
<div style="width:3466px; height:1233px;">img src="../7.jpg"/></div>
</div>
<a href="#j" class="stop"> stopScrolling </a>

js:

i try:

$('a.stop').click(function(){
$('.parallax').jparallax({mouseResponse:false}, {}, {}); 
});

$('.parallax').jparallax({mouseResponse:true}, {}, {}); 

and

$('a.stop').click(function(){
jQuery.fn.jparallax.mouseResponse({mouseResponse:false});
});

$('.parallax').jparallax({mouseResponse:true}, {}, {}); 

upd2:

I found this http://flickaway.s3.amazonaws.com/ploreex/ploreex.html
– They Lock jparallax on press space. Don`t know how to do it in my project

Answer 1

solution:

var varName = false;

find in plugin code – // Mouse Response – and replace with your var

// Mouse Response
    if (settings.mouseResponse) {
        jQuery().mousemove(function(mouse){

            if (varName) return;

change var on click

    $('a').click(function(){

    stopParallax = true;
});