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

Статус
В этой теме нельзя размещать новые ответы.

HolyWanderer

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

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

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

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

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

Добавлено: 29.02.12 2:04
Кто сделает - получит денег.(ввиду срочности)
Подробнее здесь: Для просмотра ссылки Войди или Зарегистрируйся
 
Вы точно все библиотеки подключили?
Брали ведь наверное откуда-то...перепроверьте)
 
/jquery-1.2.6.js
/jquery.serialScroll-1.2.1.js
подключены. По-моему, кроме них, другие доп. библиотеки не нужны.
 
М... гадание на кофейной гуще! Экстрасенсов в студию!

Где код? Покажите HTML-структуру слайдера. Откуда стащили решение? Как вызываете покажите...
Кстати, jQuery 1.2.6 это весьма древняя версия. Сейчас идет 1.7.1. Если библиотека слайдера не совместима с 1.7.1, то может ну её в жопу такую библиотеку?
 
Вот код. Кстати, вы могли посмотреть его при просмотре исходного кода.
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:


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

UPD: Вот и не думал флудить. Думал (и думаю) помочь т.к. с JS, jQuery и анимацией отлично разбираюсь. А Вы мне шанса не даете! :)
 
Нет, я не мог его посмотреть т.к. хайд 55, а я тут недавно. Ставьте хайд ещё выше и кол-во людей, которые могут помочь будет ещё меньше.
Код JS я по-прежнему не вижу. Да и HTML судя по всему это не исходный, а после обработки JS.

UPD: Вот и не думал флудить. Думал (и думаю) помочь т.к. с JS, jQuery и анимацией отлично разбираюсь. А Вы мне шанса не даете! :)
Я Вам очень благодарен. Прошу прощения за необдуманный "наезд".
Снизил хайд. К сожалению, к исходнику доступ будет только завтра утром.
 
Навскидку попробуйте так поправить функцию 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 хватит?
 
поправленная функция trigger не сработала.
P.S. Там ещё в инициализации слайдера есть строки...
они закомент ированы. Это ничего не исправит, как я понимаю.

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

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

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