Бага с js слайдером

Тема в разделе "JavaScript", создана пользователем HolyWanderer, 26 фев 2012.

Статус темы:
Закрыта.
Модераторы: ZiX
  1. HolyWanderer

    HolyWanderer

    Регистр.:
    23 июл 2008
    Сообщения:
    187
    Симпатии:
    95
    Приветствую, уважаемые форумчане.

    Собственно, на этом сайте бага со слайдером.

    То есть, картинка меняется, а сами пункты меню не переключаются. Но если кликать ручками, то все работает.

    Как разрулить?

    С уважением,
    HolyWanderer.

    Добавлено: 29.02.12 2:04
    Кто сделает - получит денег.(ввиду срочности)
    Подробнее здесь: https://www.nulled.cc/threads/225528/
     
  2. S-17

    S-17 Постоялец

    Регистр.:
    2 июн 2010
    Сообщения:
    115
    Симпатии:
    3
    Вы точно все библиотеки подключили?
    Брали ведь наверное откуда-то...перепроверьте)
     
  3. HolyWanderer

    HolyWanderer

    Регистр.:
    23 июл 2008
    Сообщения:
    187
    Симпатии:
    95
    /jquery-1.2.6.js
    /jquery.serialScroll-1.2.1.js
    подключены. По-моему, кроме них, другие доп. библиотеки не нужны.
     
  4. cmd

    cmd Создатель

    Регистр.:
    24 авг 2011
    Сообщения:
    25
    Симпатии:
    2
    М... гадание на кофейной гуще! Экстрасенсов в студию!

    Где код? Покажите HTML-структуру слайдера. Откуда стащили решение? Как вызываете покажите...
    Кстати, jQuery 1.2.6 это весьма древняя версия. Сейчас идет 1.7.1. Если библиотека слайдера не совместима с 1.7.1, то может ну её в жопу такую библиотеку?
     
  5. HolyWanderer

    HolyWanderer

    Регистр.:
    23 июл 2008
    Сообщения:
    187
    Симпатии:
    95
    Вот код. Кстати, вы могли посмотреть его при просмотре исходного кода.
    HTML:
    <div id="slider">
      <div class="scroll">
        <div class="scrollContainer">
            <div class="panel" id="tab1" style="background-image:url('../images/tabs/man.png');background-position: 100% -9.5px;background-repeat:no-repeat; height:312px;"><br/>
                <h1 style="font-family: 'Trebuchet MS',Helvetica,Jamrul,sans-serif; font-size: 22px; color:#fff; font-weight:bold"><img src="images/tabs/1.jpg" style="float:left;margin-right:10px;"alt=""/>Time for YOUR priorities.</h1>
                <p style="font-family: 'Trebuchet MS',Helvetica,Jamrul,sans-serif;font-size:14px;color:#fff;margin-top:-10px;">Your time management depends on your own plans, not on your writing tasks.</p>
                <h1 style="font-family: 'Trebuchet MS',Helvetica,Jamrul,sans-serif; font-size: 22px; color:#fff; font-weight:bold"><img src="images/tabs/2.jpg" style="float:left;margin-right:10px"alt=""/>Improvement of YOUR grades.</h1>
                <p style="font-family: 'Trebuchet MS',Helvetica,Jamrul,sans-serif;font-size:14px;color:#fff;margin-top:-10px;">Finish your course of study demonstrating a brilliant academic performance.</p>
                <h1 style="font-family: 'Trebuchet MS',Helvetica,Jamrul,sans-serif; font-size: 22px; color:#fff; font-weight:bold"><img src="images/tabs/3.jpg" style="float:left;margin-right:10px"alt=""/>Professional help with any paper.  </h1>
                <p style="font-family: 'Trebuchet MS',Helvetica,Jamrul,sans-serif;font-size:14px;color:#fff;margin-top:-10px;">Non-standard assignments, Non-standard subjects, Short dealines</p>
                <a href="/order?slidenew1"><img src="images/tabs/order.jpg" style="margin-top:15px;"alt=""/></a>
    </div>
    <div class="panel" id="tab2" style="background-image:url('../images/tabs/students.png');background-position: right;background-repeat:no-repeat; height:312px;margin-top:-9px;"><br/>
        <h1 style="font-family: verdana; font-size: 30px; color: rgb(255, 255, 255);">Who Uses the Service?</h1>
                <p style="font-weight:bold;font-size:16px;color:#fff;margin-bottom:4px;line-height:20px;">Our company offers services of supreme quality that can meet<br/>
                the demands of every customer. Take a look around!</br>
                We bet that someone you know has been already using it: </p>
                <div class="list1" style="margin-top:10px;">Your acquaintances and friends;</div>
                <div class="list1">A level students from your group;</div>
                <div class="list1">Your young tutor might have used it as well when he was doing his studies.</div>
                <a href="/order?slidenew2"><img src="images/tabs/order.jpg" alt=""  style="margin-top:10px;"/></a>
    </div>
    <div class="panel" id="tab3" style="background-image:url('../images/tabs/secure.png');background-position: right;background-repeat:no-repeat;height:312px;margin-top:-9px;margin-top:-9px;"><br/>
            <h1 style="font-family: verdana; font-size: 30px; color: rgb(255, 255, 255);">Is It Secure?</h1>
                <p style="font-weight:bold;font-size:16px;color:#fff;margin-bottom:4px;line-height:20px;">We Do Cater for Security, Confidentiality and Other Vital Interests<br/>of Every Customer
    </p>
                <div class="list1" style="margin-top:10px;">We guarantee your personal data will never be disclosed to any third party;</div>
                <div class="list1">We do not restore your billing info. It is used for your payment process only;</div>
                <div class="list1">We guarantee that nobody but you will use your paper. We will never<br/>publish or resell it. </div>
                <a href="/order?slidenew3"><img src="images/tabs/order.jpg" alt=""  style="margin-top:10px;"/></a>
    </div>
    <div class="panel" id="tab4" style="background-image:url('images/tabs/money.png');background-position: right;background-repeat:no-repeat;height:312px;margin-top:-9px;"><br/>
                <h1 style="font-family: verdana; font-size: 30px; color: rgb(255, 255, 255);">How Much Does It Cost?</h1>
                <h2 style="font-family: 'Trebuchet MS',Helvetica,Jamrul,sans-serif; font-size: 16px; color:#fff; font-weight:bold"><img src="images/tabs/dol.jpg" style="float:left;margin-right:10px"alt=""/>Low price for regular clients!  </h2>
                <p style="font-family: 'Trebuchet MS',Helvetica,Jamrul,sans-serif;font-size:14px;color:#fff;margin-top:-10px;">We manage to keep our prices 12% lower than average due to your regular<br/> orders and positive testimonials. It enables us to spend less on advertising.</p>
                <h2 style="font-family: 'Trebuchet MS',Helvetica,Jamrul,sans-serif; font-size: 16px; color:#fff; font-weight:bold"><img src="images/tabs/per.jpg" style="float:left;margin-right:10px"alt=""/>First time client discount!</h2>
                <p style="font-family: 'Trebuchet MS',Helvetica,Jamrul,sans-serif;font-size:14px;color:#fff;margin-top:-10px;">In addition, for you to start using our service more comfortably and confidently,</br> we provide you with a unique opportunity to place your order at a 25% discount!</p>
                <a href="/order?slidenew4"><img src="images/tabs/order.jpg"  style="margin-top:15px;" alt=""/></a>
    </div>
    <div class="panel" id="tab5" style="background-image:url('../images/tabs/girl.png');background-position: right;background-repeat:no-repeat; height:312px;margin-top:-9px;"><br/>
            <h1 style="font-family: verdana; font-size: 30px; color: rgb(255, 255, 255);">What Are the Guarantees?</h1>
            <h2 style="font-family: 'Trebuchet MS',Helvetica,Jamrul,sans-serif; font-size: 16px; color:#fff; font-weight:bold"><img src="images/tabs/1.jpg" style="float:left;margin-right:10px"alt=""/>What Are the Guarantees?</h2>
                <p style="font-family: 'Trebuchet MS',Helvetica,Jamrul,sans-serif;font-size:14px;color:#fff;margin-top:-10px;">We will revise your paper for free in case it doesn't meet all your initial requirements;</p>
                <h2 style="font-family: 'Trebuchet MS',Helvetica,Jamrul,sans-serif; font-size: 16px; color:#fff; font-weight:bold"><img src="images/tabs/2.jpg" style="float:left;margin-right:10px"alt=""/>No Plagiarism</h2>
                <p style="font-family: 'Trebuchet MS',Helvetica,Jamrul,sans-serif;font-size:14px;color:#fff;margin-top:-10px;">make sure your paper is 100% original we use specially designed software to check it;</p>
                <h2 style="font-family: 'Trebuchet MS',Helvetica,Jamrul,sans-serif; font-size: 16px; color:#fff; font-weight:bold"><img src="images/tabs/3.jpg" style="float:left;margin-right:10px"alt=""/>On Time Delivery</h2>
                <p style="font-family: 'Trebuchet MS',Helvetica,Jamrul,sans-serif;font-size:14px;color:#fff;margin-top:-10px;">We deliver 99.9% of our custom papers on time.</p>
                <a href="/order?slidenew5"><img src="images/tabs/order.jpg"alt=""/></a>
    </div>
      </div>
        </div>
                <ul class="navigation">
                    <li><a href="#" class="tab1" style="text-decoration:none;">&nbsp;</a></li>
                    <li><a href="#" class="tab2" style="text-decoration:none;">&nbsp;</a></li>
                    <li><a href="#" class="tab3" style="text-decoration:none;">&nbsp;</a></li>
                    <li><a href="#" class="tab4" style="text-decoration:none;">&nbsp;</a></li>
                    <li><a href="#" class="tab5" style="text-decoration:none;">&nbsp;</a></li>
                </ul>
            </div>
    На счет решения - оно не тащилось, а писалось кривыми руками.

    Я думаю, что проблема не в библиотеке.

    update:


    Только не флудите, пожалуйста. Если не знаете, и даже сложно найти, откуда вызывается - проходите мимо.
     
  6. cmd

    cmd Создатель

    Регистр.:
    24 авг 2011
    Сообщения:
    25
    Симпатии:
    2
    Нет, я не мог его посмотреть т.к. хайд 55, а я тут недавно. Ставьте хайд ещё выше и кол-во людей, которые могут помочь будет ещё меньше.
    Код JS я по-прежнему не вижу. Да и HTML судя по всему это не исходный, а после обработки JS.

    UPD: Вот и не думал флудить. Думал (и думаю) помочь т.к. с JS, jQuery и анимацией отлично разбираюсь. А Вы мне шанса не даете! :)
     
  7. HolyWanderer

    HolyWanderer

    Регистр.:
    23 июл 2008
    Сообщения:
    187
    Симпатии:
    95
    Я Вам очень благодарен. Прошу прощения за необдуманный "наезд".
    Снизил хайд. К сожалению, к исходнику доступ будет только завтра утром.
     
  8. cmd

    cmd Создатель

    Регистр.:
    24 авг 2011
    Сообщения:
    25
    Симпатии:
    2
    Навскидку попробуйте так поправить функцию trigger:
    Код:
        function trigger(data) {
            var el = $('#slider .navigation').find('a[href$="tab' + data.id + '"]').get(0);
            selectNav.call(el);
        }
    
    Если не поможет я себе скачаю и проверю на денвере.

    P.S. Там ещё в инициализации слайдера есть строки:
    jump: false,//if true, when the event is triggered on an element, the pane scrolls to it
    items:null, //selector to the items (relative to the matched elements)
    prev:null, //selector to the 'prev' button
    next:null, //selector to the 'next' button

    Может просто true хватит?
     
  9. HolyWanderer

    HolyWanderer

    Регистр.:
    23 июл 2008
    Сообщения:
    187
    Симпатии:
    95
    поправленная функция trigger не сработала.
    они закомент ированы. Это ничего не исправит, как я понимаю.

    Есть аналогичный слайдер, но уже работающий. См. ниже:
     
  10. fpinger

    fpinger

    Регистр.:
    11 май 2007
    Сообщения:
    253
    Симпатии:
    58
    1. Аналогичный слайдер не тот же самый, так зачем на него ссылку давать?

    2. Если посмотреть дебаг javascript в фаерфоксе, то можно увидеть ошибку

    Плагина localScroll не подключено, только serialScroll
    Я думаю, что представлен не полный код, либо лепилось из разных мест.
    Как вариант (на основании гадания на кофейной гуще)
    в

    заменить на
    Если вам нужен localScroll слайдер, то сходите к автору
     
Статус темы:
Закрыта.