Перейти к содержимому

Добро пожаловать на форум IP-Board.Ru - У нас есть хуки, стили и релизы IP.Board
Зарегистрируйтесь сейчас, чтобы получить доступ ко всем из наших особенностей. После регистрации и входа в систему вы сможете создавать темы, отвечать на сообщения в существующих разделах, изменять репутацию другим пользователям, получить возможность обмениваться личными сообщениями, обновления статуса, управлять профилем и многое другое.Если у вас уже есть аккаунт, войдите или зарегистрируетесь бесплатно!
Уважаемые пользователи IP-Board.ru , спешу сообщить, что каждую неделю администрация будет выкладывать VIP файлы для общего доступа.
Форум нуждается в активных участниках, для получения привилегий на форуме любой пользователь может оставить заявку тут Набор команды на форум. Внесите свой вклад на форум и форум Вас не забудет. ;)

Фотография

Скрипт полёта картинки товара в корзину на примере 1С-Битрикс и Жорика

- - - - - 1С-Битрикс Жорик

В теме одно сообщение

#1
Offline RuBAN

RuBAN
  • Пользователи
  • 8 сообщений
  • 7 тем
11
    Во многих магазинах есть эффект полёта фотки товара в корзину. Это несложно делает на чистом JQuery.

    Пример: Купите Жорика, увидите эффект)

    Сам JQ скрипт на примере моего сайта:

    <script type="text/javascript">  
    
            $(document).ready(function(){  
    
                     $("#link2card").click(function(){  // ID ссылки, по которой мы кликаем, в часности этот ID имеет кнопка В корзину
    
                             $("#pic2card")  //ID Картинки, летящей в корзину
    
                              .clone()  
    
                              .css({'position' : 'absolute', 'z-index' : '9999', 'width' : '200px', 'height' : '200px', 'right' : '500px', 'top': '100px'})  //Начальные значения для клона, ширину/высоту задаём для хрома, right/top -начальное положение картинки
    
                              .prependTo(".e-left-col")  //место появления клона картинки, можете изменить на эту же картинку
    
                              .animate({opacity: 0.5, top: 0, right: 60,  width: 0,  height: 0}, 800, function() {  //top/right место корзины, 800 - скорость
    
                                            $(this).remove();  
    
                              });  
    
                     });
    
            });  
    
    </script>

    Части кода шаблона catalog.element:

    <img id="pic2card" src="<?=$arResult["PREVIEW_PICTURE"]["SRC"]?>" alt="<?=$arResult["NAME"]?>" title="<?=$arResult["NAME"]?>" /> <!--наша картинка-->
    
    <input type="submit" id="link2card" name="<?echo $arParams["ACTION_VARIABLE"]."ADD2BASKET"?>" value="<?echo GetMessage("CATALOG_ADD_TO_BASKET")?>"> <!--В корзину-->
    
    

    Сообщение отредактировал RuBAN: 17 Июль 2012 в 22:49

    • 2

    #2
    Offline Rain Man

    Rain Man
    • Пользователи
    • 8 339 сообщений
    • 587 тем
    2 593

      Купите Жорика, увидите эффект)

      Убило. :lol: :lol:
      • 0



      Ответить



        



      Количество пользователей, читающих эту тему: 0

      0 пользователей, 0 гостей, 0 анонимных