jQuery gallery with imageFUpload here's the code of kartinkin.php file:

&lt;?php

  $node = node_load(707);
  node_view($node);
  //$index = $_GET['index'];
  //dpm($node);

?&gt;

&lt;script type="text/javascript"&gt;

  $(document).ready(function(e){
    $('.small-images a').click(function(e) {
      $.get("http://myadress.org/kartinki.php", {"index": index});
      e.preventDefault();
    });
  });

&lt;/script&gt;

&lt;?php $index = $_GET['index']; dpm($index); ?&gt;

&lt;div class="imba-slider"&gt;
  &lt;a class="left-arrow" href="javascript: void(0);"&gt;#&lt;/a&gt;
  &lt;a class="right-arrow" href="javascript: void(0);"&gt;#&lt;/a&gt;

  &lt;div id="big-image-slider"&gt;
    &lt;?php if ($index == 0): ?&gt;
      &lt;?php print theme_imagecache('imba', $node-&gt;field_pics[0]['filepath']); ?&gt;
    &lt;?php else: ?&gt;
      &lt;?php print theme_imagecache('imba', $node-&gt;field_pics[$index]['filepath']); ?&gt;
    &lt;?php endif; ?&gt;
  &lt;/div&gt;&lt;!--/big-image-slider--&gt;

  &lt;div class="small-images"&gt;
    &lt;?php for ($i = 0; $i &lt;= count($node-&gt;field_pics); $i++) { ?&gt;
      &lt;a href="?index=&lt;?php print $i; ?&gt;"&gt;&lt;?php print theme_imagecache('230x130', $node-&gt;field_pics[$i]['filepath']); ?&gt;&lt;/a&gt;
    &lt;?php } ?&gt;
  &lt;/div&gt;&lt;!--/small-images--&gt;
&lt;/div&gt;&lt;!--/imba-slider--&gt;


I have included that file with include_once() inside a node.

PROBLEM. When i click on small-image it reloads the page and after reload my big image changes. With a code above i've tried to do it without a page reload, i even write e.preventDefault(); But still after clicking on a preview image it reloads the page. How can i make big image changing without reload?
You've got several issues here: 


PHP runs on the server, JavaScript runs on the client's browser so they don't know about eachothers variables. 
You're not doing anything with your $.get(..) results, you need to do something with the results of the ajax get request in a success or complete callback. 
You're calling a URL to a full page, i'm assuming you want just the image.


If your image names follow the naming convention I see where the thumbnails use /230x130/ in the path and the larger image uses /imba/ instead, then use the code below instead of your current click event:

slideShowIndex = 0;

$('#big-image-slider img.imagecache-imba').load(function(){
  hideSlideLoader();
});


$('.small-images a').click(function(sender){
  sender.preventDefault();
  showSlideLoader();
  var lnk = $(this);
  slideShowIndex = $('.small-images a').index(lnk);
  var imgUrl = lnk.find('img').attr('src').replace('/230x130/','/imba/');
  $('#big-image-slider img.imagecache-imba').attr('src', imgUrl);
  return false;
});

function showSlideLoader() {
  //$('#big-image-slider').html('&lt;img class="loader" src="/sites/all/themes/antisunna/img/ajax-loader.gif" /&gt;') 
  var loader = $('#big-image-slider .loader');
  if(!loader.length) {
    console.log('creating loader');
    loader = $('&lt;img class="loader" src="/sites/all/themes/antisunna/img/ajax-loader.gif" /&gt;')
    $('#big-image-slider').append(loader);
  }
  $('#big-image-slider .imagecache-imba').hide();
  loader.show();
}

function hideSlideLoader() {
  $('#big-image-slider .loader').hide();
  $('#big-image-slider .imagecache-imba').show();  

}

$('.left-arrow').click(function(){
  if(slideShowIndex &gt; 0) {
    moveSlideIndex(slideShowIndex--);
  }  
});


$('.right-arrow').click(function(){
  if(slideShowIndex &lt; ($('.small-images a').length - 1)) {
    moveSlideIndex(slideShowIndex++);
  }  
});


function moveSlideIndex(index) {
  $('.small-images a:eq(' + slideShowIndex + ')').click();
}