Maxim Nepritimov

resizeImg: function (slide) {
        slide = slide || this._slides[this._currentSlide];

        var originImg,
            newWidth = 0,
            newHeight = 0,
            $body = document.documentElement,
            screenWidth = $body.clientWidth,
            screenHeight = $body.clientHeight,
            percent = 0.9;

        /*
         * Изменяем по ширине
         */
        var resizeW = function (oH, oW) {
            var originHeight = oH || 0,
                originWidth = oW || 0;

            this.$imgWrap.removeAttr('style');
            newWidth = parseInt(screenWidth * percent, 10);
            this.$imgWrap.
                    css({
                        width: newWidth,
                        height: parseInt((newWidth * originHeight)/originWidth)
                    });
        }.bind(this);

        /*
         * Изменяем по высоте
         */
        var resizeH = function (oH, oW) {
            var originHeight = oH || 0,
                originWidth = oW || 0;

            this.$imgWrap.removeAttr('style');
            newHeight = parseInt(screenHeight * percent, 10);
            this.$imgWrap.css({
                width: parseInt((newHeight * originWidth)/originHeight),
                height: newHeight
            });
        }.bind(this);

        // определяем оригинальный размер картинки
        originImg = new Image();
        originImg.onload = function () {
            var $this = originImg,
                originWidth = $this.width,
                originHeight = $this.height,
                modalWrap = $(this._modal.content()).find('.js-modal-comtent-wrap');

            /*
             * Если оригинал изображения меньше размера экрана
             * оставляем его без изменений
             */
            if (originWidth < screenWidth && originHeight < screenHeight) {
                this.$imgWrap.css({
                    width: originWidth,
                    height: originHeight
                });
                modalWrap.css({
                        width: this.$imgWrap.width(),
                        'min-width': this.$imgWrap.width()
                    });
                this.$img.
                        removeAttr('style').
                        css({
                            'min-width': '0',
                            width: originWidth,
                            height: originHeight
                        });

                this.$nextSlideBtn.height(this.$img.height());
                this.$prevSlideBtn.height(this.$img.height());
                this._modal.update();
                return;
            }

            /*
             * Если оригинал изображения больше размера экрана,
             * пробегаемся по условиям:
             * если ширина оригинала >= ширине экрана
             *      то ресайз по ширине экрана
             *
             *      если новая высота обертки >= высоте экрана
             *          то ресайз по высоте экрана
             *
             * или если высота оригинала >= высоте экрана
             *      то ресайз по высоте экрана
             *
             *      если новая ширина обертки >= ширине экрана
             *          то ресайз по ширине экрана
             */
            if (originWidth >= screenWidth * percent) {
                resizeW(originHeight, originWidth);

                if (this.$imgWrap.outerHeight(true)  >= screenHeight * percent) {
                    resizeH(originHeight, originWidth);
                }
            } else if (originHeight >= screenHeight * percent) {
                resizeH(originHeight, originWidth);

                if (this.$imgWrap.outerWidth(true) >= screenWidth * percent) {
                    resizeW(originHeight, originWidth);
                }
            };

            this.$img.
                    css({
                        'min-width': '0',
                        width: this.$imgWrap.width(),
                        height: this.$imgWrap.height()
                    });

            this.$nextSlideBtn.height(this.$img.height());
            this.$prevSlideBtn.height(this.$img.height());

            modalWrap.css({
                        width: this.$imgWrap.width(),
                        'min-width': this.$imgWrap.width()
                    });
            this._modal.update();
        }.bind(this);
        originImg.src = slide.src;
    },

originImg.onload = function () {
// здесь необходимый код
var $this = originImg; // теперь тут закешировано новое изображение с указанным url
                       // и можно делать с ним все что угодно
}.bind(this);

$(document).ready(function(){
    var $form = $('#filter'),
        $controls = $form.find('input,select,textarea');
	
    // отправка после загрузки страницы
    startLoadingAnimation();
    $.post("/engine/ajax/filter.php", $("#filter").serialize(), function(response){
        setTimeout(function(){$('#dle-content').html(response); stopLoadingAnimation();}, 3000);
    });
    
    // отправка по клику на Enter
    $controls.on('change', function(){
        startLoadingAnimation();
        $.post("/engine/ajax/filter.php", $("#filter").serialize(), function(response){
           setTimeout(function(){$('#dle-content').html(response); stopLoadingAnimation();}, 3000);
    	});
    });
    
    // или отправка при любом изменении в поле
    //$controls.on('keyup', function(){
    //    startLoadingAnimation();
    //    $.post("/engine/ajax/filter.php", $("#filter").serialize(), function(response){
    //       setTimeout(function(){$('#dle-content').html(response); stopLoadingAnimation();}, 3000);
    //	});
    //});
});

<ul>
    <li class="block_1"> <h1> </h1>    <p>  </p>  </li>
    <li class="block_2"> <h1> </h1>    <p>  </p>  </li>
    <li class="block_3"> <h1> </h1>    <p>  </p>  </li>
</ul>

var json_date = {
   "dills": {
     "1": {
       "name": "boock_1",
       "time": "15:00",
     },
     "2": {
       "name": "book_2",
       "time": "15:00",
     },
     "3": {
       "name": "book_3",
       "time": "09:00",

     },
     "4": {
       "name": "book_4",
       "time": "05:00",

     }
   }
 }

var ix = 1;
setInterval(function () {
    var valName = json_date.dills[ix].name,
        obj = json_date.dills, 
        count = 0;

    $.each(obj, function () {
        count++;
    });

    (ix >= count) ? ix = 0 : ix = ix;
    $('.block_1').text(valName);
    ++ix;
}, 1000);

<p></p>
<input class="js-but" type="button" value="my_button" />

var json_date = {
  "dills": {
    "1": {
      "name": "boock_1",
      "time": "15:00",
    },
    "2": {
      "name": "book_2",
      "time": "15:00",
    },
    "3": {
      "name": "book_3",
      "time": "09:00",

    },
    "4": {
      "name": "book_4",
      "time": "05:00",

    }
  }
}

var ix = 1;
$('.js-but').on('click', function () {
    var valName = json_date.dills[ix].name;
    $('p').text(valName);
    ++ix;
});

$(function () {
    var weight = $('.weight'),
        price = $('.price').find('span'),
        rezult = $('.finish'),
        res = 0;

    res = Number(price.text())/Number(weight.text());
    rezult.text(res.toFixed(2));
});