Конфликт mootoools и jquery

[ru.slanov 20]

Друзья выручайте, решил поменять шаблон на сайте, но возникла проблема, в шаблоне присутствуют элементы слайдера на mootools, что негативно сказывается на элементах движка jquery, он тупо теперь не работает. Как можно переделать функции от mootools под jquety?

Имеется такая вот конструкция слайдеров:

<script type="text/javascript">

//<![CDATA[

try {$Gavick;}catch(e){$Gavick = {};};

$Gavick["nsp-nsp_187"] = {

"animation_speed": 350,

"animation_interval": 7500,

"news_column": 4,

"news_rows": 1,

"links_columns_amount": 1,

"links_amount": 0,

"counter_text": '<strong>Page:</strong>'

};

//]]>

</script>

есть у шаблона dle Gemini подобная штука:

<script type="text/javascript">

$(function(){

$('#slides').slides({

effect: 'fade',

play: 5000,

pause: 2500,

generatePagination: false,

preload: true,

hoverPause: true

});

});

</script>

а вот как первую функцию полностью на jquery перевести, понятия не имею

сайт: koksland.ru

[alex32 934]

Выкинуть первый блок вставить второе, в css править стили что бы подогнать под дизайн слайдера под себя. Скопируйте просто блок из шаблона Gemini и вставьте себе. Не забудьте удалить из вашего шаба подключение мутулза, возможен конфликт скриптов

Изменено 26 января 2012 пользователем alex32

[ru.slanov 20]

Выкинуть первый блок вставить второе, в css править стили что бы подогнать под дизайн слайдера под себя. Скопируйте просто блок из шаблона Gemini и вставьте себе. Не забудьте удалить из вашего шаба подключение мутулза, возможен конфликт скриптов

В шаблоне много блоков, и менять в плане дизайна каждый, геморройно, лучше поменять один раз саму функцию.

[alex32 934]

а при чем тут много блоков, я про один говорю, про слайдер . достаточно взять слайдер из шаблона джемини и вставить его в ваш. При желании даже стили и оформление то же самое останется, там делов на 10 минут

[ru.slanov 20]

а при чем тут много блоков, я про один говорю, про слайдер . достаточно взять слайдер из шаблона джемини и вставить его в ваш. При желании даже стили и оформление то же самое останется, там делов на 10 минут

Не стоит писать только для набивания постов, если нечем помочь то лучше вообще не писать, в тс написано в предпоследней строке, что я не имею понятия как работать с функциями js, поэтому ваш ответ мне никакой пользы не принёс.

[alex32 934]

Не стоит писать только для набивания постов, если нечем помочь

вообще то тут ответа больше, чем просто набивание поста. Я же вам сказал, удалить блок со слайдером на мутулз, взять из шаблона джемини слайдер, и вставить его в то место где стоял старый болк. при чем тут функции js? В них даже лезть не надо . В дле изначально подключен jQuery, а они с мутулзом не дружат. Но если у вас такая реакция, разбирайтесь с сами.

[ru.slanov 20]

Не стоит писать только для набивания постов, если нечем помочь

вообще то тут ответа больше, чем просто набивание поста. Я же вам сказал, удалить блок со слайдером на мутулз, взять из шаблона джемини слайдер, и вставить его в то место где стоял старый болк. при чем тут функции js? В них даже лезть не надо . В дле изначально подключен jQuery, а они с мутулзом не дружат. Но если у вас такая реакция, разбирайтесь с сами.

Не всё так просто, в dle элемент слайдера выводится так:

<script type="text/javascript" src="{THEME}/js/slides.js"></script>

<script type="text/javascript">

$(function(){

$('#slides').slides({

effect: 'fade',

play: 5000,

pause: 2500,

generatePagination: false,

preload: true,

hoverPause: true

});

});

</script>

<div id="slides">

<div class="slides_container">

<div><a href="#"><img src="{THEME}/img/slide1.jpg" alt="" /></a></div>

<div><a href="#"><img src="{THEME}/img/slide2.jpg" alt="" /></a></div>

<div><a href="#"><img src="{THEME}/img/slide3.jpg" alt="" /></a></div>

<div><a href="#"><img src="{THEME}/img/slide4.jpg" alt="" /></a></div>

</div>

<a href="#" class="thide prev">&lt;</a>

<a href="#" class="thide next">&gt;</a>

</div>

у меня в шаблоне так:

<div class="moduletable nsp">

<div>

<h3>Самые рейтинговые бренды</h3>

<div class="moduletable_content">

<div class="nsp_main nsp_fs100" id="nsp-nsp_193" style="width:100%;">

<div class="nsp_arts bottom" style="width:100%;">


<div class="nsp_top_interface">

<div>

<ul class="pagination">

<li>1</li>

<li>2</li>

<li>3</li>

</ul>

</div>

</div>


<div class="nsp_art" style="width:100%;"><div style="padding:2px 4px 2px 4px">{ratebrand_1}</div></div>


<div class="nsp_art unvisible" style="width:100%;"><div style="padding:2px 4px 2px 4px">{ratebrand_2}</div></div>


<div class="nsp_art unvisible" style="width:100%;"><div style="padding:2px 4px 2px 4px">{ratebrand_3}</div></div>


</div></div>


<script type="text/javascript">

//<![CDATA[

try {$Gavick;}catch(e){$Gavick = {};};

$Gavick["nsp-nsp_193"] = {

"animation_speed": 350,

"animation_interval": 5000,

"news_column": 1,

"news_rows": 1,

"links_columns_amount": 1,

"links_amount": 5,

"counter_text": '<strong>Page:</strong>'

};

//]]>

</script>


</div></div></div>

и у каждого свои стили, здесь нужно лишь листалку на jquery прикрутить, тогда будет все в порядке.

Изменено 26 января 2012 пользователем rSteLlMi

[ru.slanov 20]

Никто не поможет?