JQuery Script looping error

it should still fix some issue I'm not sure what HTML or CSS you are using, and the effect may depend on those as well. However, I think you can just replace right:'+=1' with left:'-=1'. Here is a working example: http://jsfiddle.net/katylava/kagnr/

I wish did fix the issue. The problem is that every time you load a new gallery via ajax using gallery.php, you are re-binding the click events to .cat and h4.. You only need to bind them once and you should do so on project.php rather than in gallery.php
If you open the Inspector/Firebug and look at the Net tab, you'll see that clicking one of the H4s causes several GET requests to be made (increasing the more you switch between galleries). As the response from gallery.php contains a script tag, all the JS within it is being executed.

To fix the issue you can do I'm trying to get a notification box to pop up on errors/successes and then hide after 5 seconds. The problem is that it shows up, hides, then repeats 3 times. It's annoying and I'm sure it will bug the user. , Change:

    if(ajax.responseText !== "success"){

    if(ajaxReturn(ajax) && ajax.responseText !== "success"){

Hope this helps I want to loop through a series of HTML elements conditional on mouse click ie the sequence of events are: 1. display element inside div 2. click on div 3. display next element 4. click 5. display next element ....etc 6. loop from final element back to first element , These selectors are wrong:

$("frames".eq(i))...
$("frames".eq(x))...

$(".frame").eq(i)...
$(".frame").eq(x)...

var x = (i + 1) % frames.length;

it helps some times Here is an example of using the reduce method to create the object from all the inputs.

           //get an array of all the input elements and reduce them to a single object
var result = $('#tbody td input').get().reduce(function(data, checkbox){
  data[ checkbox.id ] = checkbox.value;
  //return our modified data reduction
  return data;
}, {});

//show the result
console.log(result);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="table">
  <tbody id="tbody">
    <tr id="tr1">
      <td id="td1_1"><input id="td1_1_number" type="number" value="1" /></td>
      <td id="td1_2"><input id="td1_2_number" type="number" value="2" /></td>
      <td id="td1_3"><input id="td1_3_number" type="number" value="3" /></td>
      <td id="td1_4"><input id="td1_4_number" type="number" value="4" /></td>
    </tr>
    <tr id="tr2">
      <td id="td2_1"><input id="td2_1_number" type="number" value="99" /></td>
      <td id="td2_2"><input id="td2_2_number" type="number" value="98" /></td>
      <td id="td2_3"><input id="td2_3_number" type="number" value="97" /></td>
      <td id="td2_4"><input id="td2_4_number" type="number" value="96" /></td>
    </tr>
  </tbody>
</table>