Меню CSS не работает должным образом, если я размещаю слайд-шоу с изображениями

Question

Меню CSS не работает должным образом, если я размещаю слайд-шоу с изображениями

0

Я просто устал исправлять это, когда я помещаю свое слайд-шоу с изображениями, а затем нижнее меню работает неправильно. Но если я удалю код javascript, тогда изображение слайд-шоу не работает.

Код javascript:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0
/jquery.min.js"></script>

Всего Javascript-код для страницы:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0
/jquery.min.js"></script> <!--if i remove this code then footer menu is working-->

    <script type="text/javascript" src="js/jquery.eislideshow.js"></script>
    <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
    <script type="text/javascript">
        $(function() {
            $('#ei-slider').eislideshow({
                animation           : 'center',
                autoplay            : true,
                slideshow_interval  : 3000,
                titlesFactor        : 0
            });
        });
    </script>
<script src="js/mootools.js" type="text/javascript"></script>
<script src="js/tabslide.js" type="text/javascript"></script>

Ссылка на мой сайт: http://creativeartbd.com/BCSA/

Alex 23 сен. 2013, в 19:56

Источник

Теги:

javascript

html

css

1 ответ

Ещё вопросы

Barbara Laird · Accepted Answer · 2013-09-23T15-57-00.000Z

Вы используете как mootools, так и jquery, оба используют "$". Поэтому вам нужно будет использовать jQuery noconflict. Измените код на что-то вдоль этой строки:

    <script src="js/mootools.js" type="text/javascript"></script>
    <script src="js/tabslide.js" type="text/javascript"></script>

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0
/jquery.min.js"></script> <!--if i remove this code then footer menu is working-->

    <script type="text/javascript" src="js/jquery.eislideshow.js"></script>
    <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
    <script type="text/javascript">
        var $j = jQuery.noConflict();

        $j( document ).ready(function() {
            $j('#ei-slider').eislideshow({
                animation           : 'center',
                autoplay            : true,
                slideshow_interval  : 3000,
                titlesFactor        : 0
            });
        });
    </script>

Ну, это работает нормально, но, пожалуйста, проверьте ссылку на мой сайт, когда я обновлю страницу, а затем на несколько секунд появится меню. Почему ?
Да, я вижу это. Я ничего не знаю об этом элементе управления ползунком, но вам, возможно, придется запустить подменю как «display: none». Кроме того, я обновил свой ответ, потому что ваш код не обернул eislideshow в вызов готового документа, и так и должно быть.