Суть проблемы такова: 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>
Объясните новичку что делать, очень очень прошу))))
Источник:
dle-faq.pro, DLE