Конфликт jQuery модуля микро-галереи и встроенного в шаблон всплывающего окна логина и управления профилем. DLE 9.7

вопрос

Суть проблемы такова:
1. есть стандартный шаблон DLE
2. есть скачанный модуль микро-галереи работающий на jquery и css
3. когда я устанавливаю (по гайду) модуль микро-галереи то при добавлении скрипта подключения библиотек в main.tpl
перестает работать всплывающее окно логина и управления профилем.(оно, как я понял, тоже работает на jquery, но только встроенной в движок).
4. Когда я убираю скрипт подключения библиотек для микро-галереи то окно логина и управления профилем начинает опять работать как часы.
5. Из всего этого я понял что возникает конфликт между двумя разными версиями jQuery (так как в движок встроена jquery-ui 1.8.23, а модуль микро-галереи просит jQuery 1.5.2)

Следовательно: как мне убрать конфликт 2х модулей работающих на разных версиях jQuery.???

Далее код взятый из чистого main.tpl с работающим окном логина но без микро-галереи:

Показать / Скрыть текст


<head>
{headers}
<link rel="shortcut icon" href="{THEME}/images/favicon.ico" />
<link href="{THEME}/style/styles.css" type="text/css" rel="stylesheet" />
<link href="{THEME}/style/engine.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="{THEME}/js/libs.js"></script>
</head>
<body>
{AJAX}
<div class="wwide pagebg">
    <div id="headbar">
        <div id="header">
            <div class="wrapper">
                <div class="container">
                    <h1><a class="thide" href="/index.php" title="DataLife Engine - Softnews Media Group">DataLife Engine - Softnews Media Group</a></h1>
                    [b]<div class="loginbox">{login}</div>[/b]
                    <div class="headlinks">
                        <ul class="reset">
                            <li><a href="/index.php">Главная</a></li>
                            <li><a href="/index.php?do=search">Поиск</a></li>
                            <li><a href="/index.php?do=feedback">Контакты</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

А вот код из main.tpl с уже добавленным скриптом подключения сторонних библиотек jQuery и микро-галереей, но с неработающим(почему-то) окном логина:

Показать / Скрыть текст


<head>
{headers}
<link rel="shortcut icon" href="{THEME}/images/favicon.ico" />
<link href="{THEME}/style/styles.css" type="text/css" rel="stylesheet" />
<link href="{THEME}/style/engine.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="{THEME}/js/libs.js"></script>
[b]<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript" src="gallery/jquery.microgallery.js"></script>
<script type="text/javascript">
            $(function() {
                
                $("#mG1").microgallery({
                    menu        :true,
                    size        :'small',
                    mode        :'single'
                });
                $("#mG2").microgallery({
                    menu        :false,
                    size        :'medium',
                    mode        :'thumbs',
                    cycle       :true
                });
                $("#mG3").microgallery({
                    menu        :false,
                    size        :'large',
                    mode        :'single',
                    cycle       :true,
                    autoplay    :true,    /* the autoplay can only exist if circular is true */
                    autoplayTime:5000
                });
                
            });
</script>[/b]
</head>
<body>
{AJAX}
<div class="wwide pagebg">
    <div id="headbar">
        <div id="header">
            <div class="wrapper">
                <div class="container">
                    <h1><a class="thide" href="/index.php" title="DataLife Engine - Softnews Media Group">DataLife Engine - Softnews Media Group</a></h1>
                    <div class="loginbox">{login}</div>
                    <div class="headlinks">
                        <ul class="reset">
                            <li><a href="/index.php">Главная</a></li>
                            <li><a href="/index.php?do=search">Поиск</a></li>
                            <li><a href="/index.php?do=feedback">Контакты</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

Объясните новичку что делать, очень очень прошу))))

Ответа пока нет

4 комментария

Юзер

arkasha206 - 2015-03-2531 июля 2013 20:43 - #15284

1-Вот это

<script type="text/javascript" src="gallery/jquery.microgallery.js"></script>

замените на

<script type="text/javascript" src="{THEME}/gallery/jquery.microgallery.js"></script>

2-Если не поможет 1,попробуйте удалить

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

Если не поможет,верните обратно:D
3-Если из этого ничего не помогло,то нужна ссылка на модуль и шаблон(если в паблике)
PS:как альтернативу могу предложить вариант авторизации в новом окне(вида index.php?do=login)

http://www.dle9.com/moduli/besplatnye-moduli/2377-modul-dle-vyvoda-login-panel-na-otdelnoy-stranice.html

Юзер

Voodooman - 2015-03-2531 июля 2013 23:38 - #15292

все это я делал. когда я делаю первый пункт галерея криво работает, когда делаю второй пункт не работает ни галерея ни логин панель.я даже делал. уже много всего перепробовал.

может тогда поможете мне как запихнуть логин-панель в сайд-бар отредактировав вот этот код(это код логин-панели):

Показать / Скрыть текст


[not-group=5]
<ul class="reset loginbox">
    <li class="lvsep"><a id="loginlink" href="#">Привет, {login}!</a></li>
    <li class="loginbtn"><a href="{logout-link}"><b>Выход</b></a></li>
</ul>
<div id="logindialog" title="{login}">
    <div class="userinfo">
        <div class="lcol">
            <div style="margin: 0" class="avatar"><a href="{profile-link}"><img src="{foto}" alt="{login}" /></a></div>
        </div>
        <div class="rcol">
            <ul class="reset">
    [admin-link]<li><a href="{admin-link}" target="_blank"><b>Админпанель</b></a></li>[/admin-link]
                <li><a href="{addnews-link}"><b>Добавить новость</b></a></li>
                <li><a href="{pm-link}">Сообщения: ({new-pm} | {all-pm})</a></li>
                <li><a href="{profile-link}">Мой профиль</a></li>
                <li><a href="{favorites-link}">Мои закладки</a></li>
                <li><a href="{stats-link}">Статистика</a></li>
            </ul>
        </div>
        <div class="clr"></div>
    </div>
</div>
[/not-group]
[group=5]
<ul class="reset loginbox">
    <li class="lvsep"><a href="{registration-link}">Регистрация</a></li>
    <li class="loginbtn"><a id="loginlink" href="#"><b>Войти</b></a></li>
</ul>
<div style="display: none;" id="logindialog" title="Авторизация">
    <form method="post" action="">
        <div class="logform">
            <ul class="reset">
                <li class="lfield"><label for="login_name">{login-method}</label><br /><input type="text" name="login_name" id="login_name" /></li>
                <li class="lfield lfpas"><label for="login_password">Пароль (<a href="{lostpassword-link}">Забыли?</a>):</label><br /><input type="password" name="login_password" id="login_password" /></li>
                <li class="lfield lfchek"><input type="checkbox" name="login_not_save" id="login_not_save" value="1"/><label for="login_not_save">&nbsp;Чужой компьютер</label></li>
                <li class="lbtn"><button class="fbutton" onclick="submit();" type="submit" title="Войти"><span>Войти</span></button></li>
            </ul>
            <input name="login" type="hidden" id="login" value="submit" />
        </div>
    </form>
</div>
[/group]

Юзер

arkasha206 - 2015-03-251 августа 2013 00:18 - #15295

1 пункт обязательный.Это же основа галереи,а путь не правильный,тл есть вы ее не подключили.
Я думаю проще поставить модуль,который я скинул.А на место формы входа ссылку на авторизацию.
Так же проблема можкт быть из-за шаблона.Может в нем косяки.Была такая проблема,потом поковырялся в файлах стилей и все пошло,только с другим модулем.Для начала рекомендую на любом локальном сервере создать сайт и на стандартном шаблоне установить модуль.Если заработает,значит шаблон с косяками.

Юзер

Voodooman - 2015-03-251 августа 2013 05:46 - #15302

_http://pcvector.net/scripts/slideshow_and_scroller/411-plagin-mikro-galerei.html
вычитал тут что этот плагин микро-галереи разраюотан под версию jquery 1.5.2 и ниже. на сайте встроена jquery версии 1,8,23 следовательно всплывающее окно логина тоже написано на 1,8,23 и при насильственном подключении через

Показать / Скрыть текст

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

начинает работать галерея и перестает работать всплывающее окно.

следовательно есть такой вопрос сможет ли из здешних кто-нибудь переписать плагин микро-галереи с использованием стандартов версии 1,8,23 чтобы конфликта не было?

Загрузка. Пожалуйста, подождите...

Конфликт jQuery модуля микро-галереи и встроенного в шаблон всплывающего окна логина и управления профилем. DLE 9.7

Ответа пока нет

4 комментария

Похожие вопросы

Автообновление DIV блока через Javascript

Как вывести постер в краткой новости?

navigation.tpl отказывается дружить!

Модальные окна в DLE 10.3

Стандартные модальные окна DLE + доп. поля

Почему не работают табы при ajax full story?

Как вывести просмотры определенной новости ?

Как сделать адаптивный слайдер через custom?

Sitemap xml, изменить приоритеты как?