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

[HolyWanderer]

Приветствую, уважаемые форумчане.

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

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

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

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

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

Добавлено: 29.02.12 2:04
Кто сделает - получит денег.(ввиду срочности)
Подробнее здесь: Для просмотра ссылки Войди или Зарегистрируйся

 

[S-17]

Вы точно все библиотеки подключили?
Брали ведь наверное откуда-то...перепроверьте)

 

[HolyWanderer]

/jquery-1.2.6.js
/jquery.serialScroll-1.2.1.js
подключены. По-моему, кроме них, другие доп. библиотеки не нужны.

 

[cmd]

М... гадание на кофейной гуще! Экстрасенсов в студию!

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

 

[HolyWanderer]

Вот код. Кстати, вы могли посмотреть его при просмотре исходного кода.

<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:

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

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

 

[cmd]

Кстати, вы могли посмотреть его при просмотре исходного кода.

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

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

 

[HolyWanderer]

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

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

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

 

[cmd]

Навскидку попробуйте так поправить функцию 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 хватит?

 

[HolyWanderer]

поправленная функция trigger не сработала.

P.S. Там ещё в инициализации слайдера есть строки...

они закомент ированы. Это ничего не исправит, как я понимаю.

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

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

 

[fpinger]

1. Аналогичный слайдер не тот же самый, так зачем на него ссылку давать?

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

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

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

$.localScroll(scrollOptions);
$.localScroll.hash(scrollOptions);

в

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.