javascript - Jquery Tools Scrollable onBeforeSeek function and then slide to next -



javascript - Jquery Tools Scrollable onBeforeSeek function and then slide to next -

i'm trying implement , customize little behavior of jquery tools scrollable plugin. want calling function just before sliding next item, waiting function complete , slide next item.

i tried out onbeforeseek function api, unfortunately calls desired function (like f.ex. settimeout) , doesn't wait finish, slides next item.

has thought how can prevent sliding next item until function completed? doesn't have occur absolutely trough onbeforeseek, seemed me ok, because summarizes result of several events trigger prev/next.

markup:

<section> <div> <dl> <dt>titre 1</dt> <dd><img src="http://placehold.it/350x150"></dd> </dl> <dl> <dt>titre 2</dt> <dd><img src="http://placehold.it/350x150"></dd> </dl> <dl> <dt>titre 3</dt> <dd><img src="http://placehold.it/350x150"></dd> </dl> </div> </section> <!-- navigation (cubes) --> <div class="navi"></div> <br style="clear: both;"> <!-- navigation prev/next --> <a class="prev browse left">prev</a> | <a class="next browse right">next</a>

js:

$('section').css('overflow', 'hidden'); $('section').scrollable({ circular: true }).navigator(); var api = $('section').data("scrollable");//get access api functions api.onbeforeseek(function(){ //do , after start sliding next img }

http://jsfiddle.net/micka/zhdgc/

strangely plenty in fiddle connecting api makes slider break...

any suggestions can help. thanks! michaël

edit

so, want accomplish pause onbeforeseek event, stuff , fire again. purpose can utilize jquery plugins (simply google "jquery event pause resume"), 1 of them can found here.

if don't want utilize plugins or don't want deal events, can utilize solution in fiddle. instead of freezing , re-launching event cancels first time, animation, changes andimation status done , fires again, time without event cancellation.

var event_pos_list = [false, false, false]; api.onbeforeseek(function(event, pos){ // if animation not done - , skip scroll if(!event_pos_list[pos]){ event.preventdefault(); $('span').animate({marginleft: (pos*50) + 'px'}, 2000, function(){ // scroll, time animation completed event_pos_list[pos] = true; api.seekto(pos); }); } }); api.onseek(function(event, pos){ // after scroll done, reset event_pos_list event_pos_list[pos] = false; });

hope helps.

javascript jquery slider scrollable

Comments

Post a Comment

Popular posts from this blog

web services - java.lang.NoClassDefFoundError: Could not initialize class net.sf.cglib.proxy.Enhancer -

web services - java.lang.NoClassDefFoundError: Could not initialize class net.sf.cglib.proxy.Enhancer - when trying request rest service @ time of response getting exception.. feb 21, 2013 2:34:49 pm com.sun.jersey.spi.container.containerresponse mapmappablecontainerexception severe: exception contained within mappablecontainerexception not mapped response, re-throwing http container java.lang.noclassdeffounderror: not initialize class net.sf.cglib.proxy.enhancer @ org.hibernate.proxy.pojo.cglib.cgliblazyinitializer.getproxyfactory(cgliblazyinitializer.java:117) @ org.hibernate.proxy.pojo.cglib.cglibproxyfactory.postinstantiate(cglibproxyfactory.java:43) @ org.hibernate.tuple.entity.pojoentitytuplizer.buildproxyfactory(pojoentitytuplizer.java:162) @ org.hibernate.tuple.entity.abstractentitytuplizer.<init>(abstractentitytuplizer.java:135) @ org.hibernate.tuple.entity.pojoentitytuplizer.<init>(pojoentitytuplizer.java:55) @ org.hibernate.tuple.e...
Read more

Accessing MATLAB's unicode strings from C -

Accessing MATLAB's unicode strings from C - how can access underlying unicode info of matlab strings through matlab engine or mex c interfaces? here's example. let's set unicode characters in utf-8 encoded file test.txt, read as fid=fopen('test.txt','r','l','utf-8'); s=fscanf(fid, '%s') in matlab. now if first feature('defaultcharacterset', 'utf-8') , c engevalstring(ep, "s") , output text file utf-8. proves matlab stores unicode internally. if mxarraytostring(enggetvariable(ep, "s")) , unicode2native(s, 'latin-1') give me in matlab: non-latin-1 characters replaced character code 26. need getting access underlying unicode info c string in unicode format (utf-8, utf-16, etc.), , preserving non-latin-1 characters. is possible? my platform os x, matlab r2012b. addendum: documentation explicitly states "[mxarraytostring()] supports multibyte encoded characters...
Read more

javascript - mongodb won't find my schema method in nested container -

javascript - mongodb won't find my schema method in nested container - i trying access method of schema stored within mixed container. here situation : have cases model can many different things, have schema each of these things stored in "casecontent" mixed property. var caseschema = mongoose.schema({ casecontent : {}, object : {type:string, default : "null"}, collision : {type : boolean, default : false} }); the casecontent property filled model of 1 of schemas, 1 exemple : var treeschema = new mongoose.schema({ applecount : {type : number, default : 3} }); treeschema.methods.dostuff = function (data) { console.log('hey, listen'); homecoming true; }; then, want utilize method of schema original container : caseschema.methods.dostuff = function (data) { if (this.casecontent.dostuff !== undefined) { this.casecontent.dostuff(); console.log('it worked'); } else { ...
Read more