Plugin: Kwicks for Jquery works perfectly with Jquery 1.2.6 but not 1.4.2 -

-

this (mootools-like) kwicks jquery plugin: http://www.jeremymartin.name/projects.php?project=kwicks

i have same problem guy here jquery kwicks issue (kwicks jquery works fine on test site not on live site) in case know problem is, can't find answer yet, , kwicks plugin no longer under active development.

i believe problem jquery version. this plugin works great 1.2.6 on 1.4.2 wont work. have tried check code plugin don't know how upgrade 1.4.2 jquery compatible.

i have never used 1.2.6 don't know need change make work 1.4.2.

please help. thank you!

p.s> please find below source code plugin (jquery 1.2.6 compatible).

(function($){ $.fn.kwicks = function(options) {     var defaults = {         isvertical: false,         sticky: false,         defaultkwick: 0,         event: 'mouseover',         spacing: 0,         duration: 500     };     var o = $.extend(defaults, options);     var woh = (o.isvertical ? 'height' : 'width'); // woh = width or height     var lot = (o.isvertical ? 'top' : 'left'); // lot = left or top      return this.each(function() {         container = $(this);         var kwicks = container.children('li');         var normwoh = kwicks.eq(0).css(woh).replace(/px/,''); // normwoh = normal width or height         if(!o.max) {             o.max = (normwoh * kwicks.size()) - (o.min * (kwicks.size() - 1));         } else {             o.min = ((normwoh * kwicks.size()) - o.max) / (kwicks.size() - 1);         }         // set width of container ul         if(o.isvertical) {             container.css({                 width : kwicks.eq(0).css('width'),                 height : (normwoh * kwicks.size()) + (o.spacing * (kwicks.size() - 1)) + 'px'             });                         } else {             container.css({                 width : (normwoh * kwicks.size()) + (o.spacing * (kwicks.size() - 1)) + 'px',                 height : kwicks.eq(0).css('height')             });                         }          // pre calculate left or top values kwicks first , last         // = index of hovered kwick, j = index of kwick we're calculating         var precalclots = []; // precalclots = pre-calculated left or top's         for(i = 0; < kwicks.size(); i++) {             precalclots[i] = [];             // don't need calculate values first or last kwick             for(j = 1; j < kwicks.size() - 1; j++) {                 if(i == j) {                     precalclots[i][j] = o.isvertical ? j * o.min + (j * o.spacing) : j * o.min + (j * o.spacing);                 } else {                     precalclots[i][j] = (j <= ? (j * o.min) : (j-1) * o.min + o.max) + (j * o.spacing);                 }             }         }          // loop through kwick elements         kwicks.each(function(i) {             var kwick = $(this);             // set initial width or height , left or top values             // set first kwick             if(i === 0) {                 kwick.css(lot, '0px');             }              // set last kwick             else if(i == kwicks.size() - 1) {                 kwick.css(o.isvertical ? 'bottom' : 'right', '0px');             }             // set other kwicks             else {                 if(o.sticky) {                     kwick.css(lot, precalclots[o.defaultkwick][i]);                 } else {                     kwick.css(lot, (i * normwoh) + (i * o.spacing));                 }             }             // correct size in sticky mode             if(o.sticky) {                 if(o.defaultkwick == i) {                     kwick.css(woh, o.max + 'px');                     kwick.addclass('active');                 } else {                     kwick.css(woh, o.min + 'px');                 }             }             kwick.css({                 margin: 0,                 position: 'absolute'             });              kwick.bind(o.event, function() {                 // calculate previous width or heights , left or top values                 var prevwohs = []; // prevwohs = previous widths or heights                 var prevlots = []; // prevlots = previous left or tops                 kwicks.stop().removeclass('active');                 for(j = 0; j < kwicks.size(); j++) {                     prevwohs[j] = kwicks.eq(j).css(woh).replace(/px/, '');                     prevlots[j] = kwicks.eq(j).css(lot).replace(/px/, '');                 }                 var aniobj = {};                 aniobj[woh] = o.max;                 var maxdif = o.max - prevwohs[i];                 var prevwohsmaxdifratio = prevwohs[i]/maxdif;                 kwick.addclass('active').animate(aniobj, {                     step: function(now) {                         // calculate animation completeness percentage                         var percentage = maxdif != 0 ? now/maxdif - prevwohsmaxdifratio : 1;                         // adjsut other elements based on percentage                         kwicks.each(function(j) {                             if(j != i) {                                 kwicks.eq(j).css(woh, prevwohs[j] - ((prevwohs[j] - o.min) * percentage) + 'px');                             }                             if(j > 0 && j < kwicks.size() - 1) { // if not first or last kwick                                 kwicks.eq(j).css(lot, prevlots[j] - ((prevlots[j] - precalclots[i][j]) * percentage) + 'px');                             }                         });                     },                     duration: o.duration,                     easing: o.easing                 });             });         });         if(!o.sticky) {             container.bind("mouseleave", function() {                 var prevwohs = [];                 var prevlots = [];                 kwicks.removeclass('active').stop();                 for(i = 0; < kwicks.size(); i++) {                     prevwohs[i] = kwicks.eq(i).css(woh).replace(/px/, '');                     prevlots[i] = kwicks.eq(i).css(lot).replace(/px/, '');                 }                 var aniobj = {};                 aniobj[woh] = normwoh;                 var normdif = normwoh - prevwohs[0];                 kwicks.eq(0).animate(aniobj, {                     step: function(now) {                         var percentage = normdif != 0 ? (now - prevwohs[0])/normdif : 1;                         for(i = 1; < kwicks.size(); i++) {                             kwicks.eq(i).css(woh, prevwohs[i] - ((prevwohs[i] - normwoh) * percentage) + 'px');                             if(i < kwicks.size() - 1) {                                 kwicks.eq(i).css(lot, prevlots[i] - ((prevlots[i] - ((i * normwoh) + (i * o.spacing))) * percentage) + 'px');                             }                         }                     },                     duration: o.duration,                     easing: o.easing                 });             });         }     }); };})(jquery);

thanks nick craver , http://jsfiddle.net/ (see comment on original post), found problem! packed , minimized version downloaded project site seems have problem cos i'm using unpacked version , works perfectly.

download unpacked version (or copy code have pasted in op above) , should go. pack if want ;-) http://kwicks.googlecode.com/svn/branches/v1.5.1/kwicks/jquery.kwicks-1.5.1.js

stackoverflow rocks!


Comments

Post a Comment

Popular posts from this blog

unicode - Are email addresses allowed to contain non-alphanumeric characters? -

-
i'm building website using `django. website have significant users non-english speaking countries. i want know if there technical restrictions on types of characters email address contain. are email addresses allowed contain english alphabets, numbers, "_", "@" , "."? are allowed contain non-english alphabets "é" or "ü"? are allowed contain chinese or japanese or other unicode characters? email address consists of 2 parts local before @ , domain goes after. rules these parts different: for local part can use ascii: latin letters - z - z digits 0 - 9 special characters !#$%&'*+-/=?^_`{|}~ dot ., not first or last, , not in sequence space , "(),:;<>@[] characters allowed restrictions (they allowed inside quoted string, backslash or double-quote must preceded backslash) plus since 2012 can use international characters above u+007f , encoded as utf-8 . domain part more res...
Read more

C#: Application without a window or taskbar item (background app) that can still use Console.WriteLine() -

-
i'm trying create application adheres following: no taskbar no console or form window can utilize console.writeline() . (i.e. if executes app command prompt write console.) the problem if create windows form (or wpf) application can have there no taskbar, console or window show up, console.writeline() nothing. if create console app, writes console, can't figure out how hide (and if did hide it, write command prompt window?)... how do this? just create standard console application. callers responsibility hide window caused program (from how run c# console application console hidden ): system.diagnostics.processstartinfo start = new system.diagnostics.processstartinfo(); start.filename = dir + @"\myprocesstostart.exe"; start.windowstyle = system.diagnostics.processwindowstyle.hidden;
Read more

c++ - Convert big endian to little endian when reading from a binary file -

-
this question has answer here: how convert between big-endian , little-endian values in c++? 28 answers i've been looking around how convert big-endian little-endians. didn't find solve problem. seem there's many way can conversion. anyway following code works ok in big-endian system. how should write conversion function work on little-endian system well? this homework, since systems @ school running big-endian system. it's got curious , wanted make work on home computer also #include <iostream> #include <fstream> using namespace std; int main() { ifstream file; file.open("file.bin", ios::in | ios::binary); if(!file) cerr << "not able read" << endl; else { cout << "opened" << endl; int i_var; double d_var; while(!file.eof()) {...
Read more