Полёт изображения OpenCart

Тема в разделе "Opencart", создана пользователем sandi, 30 ноя 2012.

Информация :
Внимание форумчане! При создании тем, или выкладывании какой-либо информации проверьте в какой ветке форума вы находитесь! Не путайте Opencart и Opencart2. При несоблюдении данного условия выносится соответствующее наказание! И потом не говорите что вас НЕ ПРЕДУПРЕЖДАЛИ! По возможности используйте обменники mail, yandex, google, dropbox, rghost Дабы избежать просьб перезалить и проблем с рекламой!
Модераторы: ZiX
  1. sandi

    sandi

    Регистр.:
    30 май 2008
    Сообщения:
    314
    Симпатии:
    165
    Подцепил скрипт полёта изображения на лету
    на версию 1.5.4.1, но слегка нето.
    Во время полёта изображения появляеться скролл
    и само изображение начинает свой путь полёта не с изображения, а как - то снизу
    помогите появление скролла в коде убрать и подправить
    появление изображения в начале полета из самого изображения к корзине
    Код:
    <script type="text/javascript"><!--
    $(document).ready(function(){
    $('#button-cart').bind('click', function() {
    $.ajax({
    url: 'index.php?route=checkout/cart/add',
    type: 'post',
    data: $('.product-info input[type=\'text\'], .product-info input[type=\'hidden\'], .product-info input[type=\'radio\']:checked, .product-info input[type=\'checkbox\']:checked, .product-info select, .product-info textarea'),
    dataType: 'json',
    success: function(json) {
    $('.success, .warning, .attention, information, .error').remove();
     
    if (json['error']) {
    if (json['error']['option']) {
    for (i in json['error']['option']) {
    $('#option-' + i).after('<span class="error">' + json['error']['option'][i] + '</span>');
    }
    }
    }
     
    if (json['success']) {
    $('#notification').html('<div class="success">' + json['success'] + '');
     
    $('.success').fadeIn('slow');
    $('.success').fadeOut(14000);
     
    $('#cart_total').html(json['total']);
    var image = $('#image').offset();
    $('.cart-module').html(json['output']);
    if($(".cart-module").length > 0){
    var cart = $('.cart-module');
    var cart_offset = cart.offset();
    }else {
    var cart = $('#cart');
    var cart_offset = cart.offset();
    }
    $('#image').before('<img src="' + $('#image').attr('src') + '" id="temp" style="position: absolute; z-index:999;top: ' + image.top + 'px; left: ' + image.left + 'px;" />');
    params = {
    top : cart_offset.top + 'px',
    opacity : 0.0,
    width : cart.width(),
    height : cart.height()
    };
    $('#temp').animate(params, 'slow', false, function () {
    $('#temp').remove();
    });
    }
    if (json['success']) {
    $('#cart-total').html(json['total']);
    }
    }
    });
    });
    });
    //--></script>
     
  2. rrrzz

    rrrzz Создатель

    Регистр.:
    20 ноя 2012
    Сообщения:
    24
    Симпатии:
    4
    если еще нужно: замени на
    Код:
    $('#cart').before('<img src="
    все будет работать.
     
    werner и sandi нравится это.