1. Внимание! Строго запрещен ап своих тем чаще чем раз в 7 дней! Если ваши услуги/товары никому не интересны - UP вам не поможет! Хотите чтобы тема была сверху всегда - оплачивайте закрепление!

[Работа] $10: Подгрузка в табы + анимация

Тема в разделе "Рекламный раздел", создана пользователем Юрец, 19 май 2012.

Информация :
  1. Юрец

    Юрец

    Регистр.:
    20 авг 2006
    Сообщения:
    152
    Симпатии:
    21
    Всем, привет. Есть два скрипта:
    первый - это js-слайдер
    второй - табы: в каждый таб подгружается локальная страница

    Нужен код, который бы делал оба действия.

    особенности:
    1. табы будут выглядеть не стандартно (там надо нажать real-time preview)
    2. первый таб должен быть фиксированным (т.е. не подгружаемый, а заренее готовый контент)

    Нужно реализовать максимально простым js/css-кодом

    Оплата - 10$ вебмани
    Сроки - горят
     
  2. MaxiSoft

    MaxiSoft Постоялец

    Регистр.:
    5 апр 2007
    Сообщения:
    131
    Симпатии:
    81
    примерно так будет:

    Код:
        <script type="text/javascript">
            $(document).ready(function() {
                // Save  the jQuery objects for later use.
                var outer        = $("#preview_outer");
                var arrow        = $("#arrow");
                var thumbs        = $("#thumbs span");
     
                var preview_pos;
                var preview_els    = $("#preview_inner div");
                var image_width    = preview_els.eq(0).width(); // Get width of images
               
                // Hook up the click event
                thumbs.click(function() {
    var link = $(this).attr("data-url");
    var tab = thumbs.index(this);
    if (!$("div").is("#sl"+tab)){
        $('<div id="sl'+tab+'"></div>').appendTo("#preview_inner");
     
                    $.ajax({
                        url: link,
    dataType: "html",
     
                        success: function(data){
    alert(tab);
                            $('#sl'+tab).html(data);
                        },
                        error: function(data){
     
                        }
                    });
     
    }
    полный пример приведен во вложении
     

    Вложения:

    • pack.zip
      Размер файла:
      20,9 КБ
      Просмотров:
      6
  3. MaxiSoft

    MaxiSoft Постоялец

    Регистр.:
    5 апр 2007
    Сообщения:
    131
    Симпатии:
    81
    вот скрипт с добавлением табов.
     

    Вложения:

    • pack.zip
      Размер файла:
      1,7 КБ
      Просмотров:
      9