Javascript-форум (https://javascript.ru/forum/)
-   Opera, Safari и др. (https://javascript.ru/forum/css-html-browser/)
-   -   jcarousel и проблема с Chrome (https://javascript.ru/forum/css-html-browser/51116-jcarousel-i-problema-s-chrome.html)

diakon 24.10.2014 14:31

jcarousel и проблема с Chrome
 
Добрый день. Скажите кто сталкивался с такой проблемой. Я подключил jcarousel и вывожу слайдер с картинкаи. Во всех браузерах все отображается и перелистывается правильно. Но в Chrome (если заходим на страницу в 1ый раз либо после очистки кеша) при нажатии кнопки перехода к следующей картинке, пролистывается с 1ой на 3тью (т.е. нажали далее кнопку и в слайдере 1 картинка сменяется 2ой и тутже не останавливаясь переходит к 3ей). Скажите кто с этим сталкивался и как это решить? Проблема именно в crome в остальных браузерах все ок

рони 24.10.2014 14:41

diakon,
без кода только гадать

diakon 24.10.2014 14:53

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
 	
....

    <link rel="stylesheet" type="text/css" href="/js/jcarousel/jcarousel.connected-carousels.css">
    <script type="text/javascript" src="/js/jcarousel/dist/jquery.jcarousel.min.js"></script>
    <script type="text/javascript" src="/js/jcarousel/jcarousel.connect.js"></script>
   
    <link rel="stylesheet" type="text/css" href="/js/fancybox/jquery.fancybox.css?v=2.1.5" media="screen" />
    <script type="text/javascript" src="/js/fancybox/jquery.fancybox.js?v=2.1.5"></script>
	
    <script type="text/javascript" src="/js/scripts.js"></script>
        
</head>
<body>
...
        <div class="slider_his" style="margin-top: 0px">
            <div class="wrapper slider_his">
                <div class="connected-carousels">
                    <div class="stage">
                        <div class="carousel carousel-stage">
                            <ul>
                                <li><a href="http://www.test.ru" target="_blank">
                                        <img src="img/team_slaid/team-slaid_item1.jpg">
                                    </a></li>

                                <li><a href="http://www.test.ru" target="_blank">
                                        <img src="img/team_slaid/team-slaid_item2-new.jpg">
                                    </a></li>

                                <li><a href="http://www.test.ru" target="_blank">
                                        <img src="img/team_slaid/team-slaid_item3.jpg">
                                    </a></li>

                                <li><a href="http://www.test.ru" target="_blank">
                                        <img src="img/team_slaid/team-slaid_item4.jpg">
                                    </a></li>

                                <li><a href="http://www.test.ru" target="_blank">
                                        <img src="img/team_slaid/team-slaid_item5.jpg">
                                    </a></li>


                            </ul>
                            <a href="#" class="jcarousel-control-prev prev-stage"></a>
                            <a href="#" class="jcarousel-control-next next-stage"></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>


Версия jcarousel v0.3.1

рони 24.10.2014 15:08

diakon,
это конечно хорошо, но похоже без живого макета, где можно увидеть проблему не обойтись.

diakon 24.10.2014 15:14

рони, спасибо что решили окликнуться
http://loft.upmc.ru/team
Там слайдер и в хроме если очистить историю будет пролист

рони 24.10.2014 16:07

diakon,
давайте попробуем такой танец с бубнами

файл http://loft.upmc.ru/js/jcarousel/jcarousel.connect.js

строка 12 добавить красное
$(window).load(function() {
напишите помогло или нет.

diakon 24.10.2014 16:17

Да, спасибо Вам!
Помогло!
+1 в Карму и мое уважени и искренняя благодарность!!!:)

рони 24.10.2014 16:26

diakon,
на всякий случай ... исходный файл ... строка 396 ... обратите внимание. :)


Часовой пояс GMT +3, время: 07:38.