javascript - Sliding li elements -

-

i'm trying find way make li elements slides. can make them on 1 line (see fiddle) , fit them in ul width. when click on next button want them slide right show hidden li.

my fiddle: http://jsfiddle.net/5cmr7/

smiliar fiddle: http://jsfiddle.net/l5yea/

edit: want this built in better way, , more precise when clicking next.

this need:

jsbin demo

var lin = $('ul.shop-groups li').length; var galw = $('.content').width();     var curr = 0; // set current 'li' slide  function animate(){     var setcurr= (curr===-1) ? (curr = lin-1) : (curr = curr%lin);      $('ul.shop-groups').stop().animate({left: -(galw*curr) },1200);   }  $('#prev, #next').click(function(){   var who= (this.id==='next') ? curr++ : curr-- ;   animate(); });

just give id buttons:

<input id="prev" type="button" value="previous"/> <input id="next" type="button" value="next"/>

and here changed css:

.content {     position:relative; /**/     width:500px;     height:250px;     margin-right:auto;     margin-left:auto;     background-color:#555;      overflow:hidden; /**/ }  ul.shop-groups {     position:absolute; /**/     left:0px;     background-color: #dddddd;     border-bottom: 1px solid #cccccc;     width: 999999px; } ul.shop-groups {     color: #fff;     display: block;     font-size: 1.1em;     font-weight: bold;     line-height: 20px;     min-width: 20px;     padding: 2px 15px;     text-align: center; } li.shop-items {     position:relative;/**/     float:left;/**/     border: solid 1px #d45;     float : left;     background-color:blue;     height:248px;    /**/     width:498px;     /**/ }

Comments

Post a Comment

Popular posts from this blog

c# - SVN Error : "svnadmin: E205000: Too many arguments" -

-
i trying reposotries using c# code process svncommand = null; var psi = new processstartinfo("svnadmin"); psi.redirectstandardoutput = true; psi.redirectstandarderror = true; psi.useshellexecute = false; psi.arguments= @"dump c:\repositories\myrepo > c:\temp\myrepodumpfile.dump"; using (svncommand = process.start(psi)) { var myoutput = svncommand.standardoutput; var myerror = svncommand.standarderror; debug.write("output :" + environment.newline + environment.newline + myoutput.readtoend() + environment.newline + "error :" + environment.newline + environment.newline + myerror.readtoend()); svncommand.close(); } when use dump command commandline svnadmin dump c:\repositories\myrepo > c:\temp\myrepodumpfile.dump it works fine when try ...
Read more

c++ - Using OpenSSL in a multi-threaded application -

-
i have been writing soap client application in c++ on ubuntu using openssl https transport , pthreads threading. have number of threads - 1 central data acquisition thread periodically gets worker threads make soap requests via shared mutex protected queues. reading documentation openssl found is openssl thread-safe? in openssl faq describes mechanisms required ensure thread safety when using openssl. implemented , works fine. the reason question conceptual difficulty really. thinking implementing same functionality application has already, instead of using threads, create 2 seperate applications : 1 worker thread (of multiple copies running) , main data acquisition thread. use tcp sockets communicate between 2 rather mutex protected queues. may bad idea not important - confusing me would have implement same functions required ensure openssl thread safety in second approach or not? my guess not have , treated independent (indeed surely must many applications use openssl) re...
Read more

All overlapping substrings matching a java regex -

-
is there api method returns (possibly overlapping) substrings match regular expression? for example, have text string: string t = 04/31 412-555-1235; , , have pattern: pattern p = new pattern("\\d\\d+"); matches strings of 2 or more characters. the matches are: 04, 31, 412, 555, 1235. how overlapping matches? i want code return: 04, 31, 41, 412, 12, 55, 555, 55, 12, 123, 1235, 23, 235, 35. theoretically should possible -- there obvious o(n^2) algorithm enumerates , checks substrings against pattern. edit rather enumerating substrings, safer use region(int start, int end) method in matcher . checking pattern against separate, extracted substring might change result of match (e.g. if there non-capturing group or word boundary check @ start/end of pattern). edit 2 actually, it's unclear whether region() expect zero-width matches. specification vague, , experiments yield disappointing results. for example: string line = "xx90xx"; strin...
Read more