Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   как сделать слайдер-блок и конфликт JS (https://javascript.ru/forum/dom-window/29415-kak-sdelat-slajjder-blok-i-konflikt-js.html)

artstyle 26.06.2012 23:33

как сделать слайдер-блок и конфликт JS
 
вопрос, как сделать
из такого
http://s16.postimage.org/gem60wwgz/123.jpg

вот такое
http://s16.postimage.org/f0uj5lx7n/1233.jpg

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

я использовал этот скрипт для слайдера http://www.luksweb.ru/files/20110819/primer.html пример

он идеально подходит.
но при этом возникает конфликт двух js.
на главной странице моего сайта JS составляет из картинок общий вид, что-то двигает вперед что-то назад относительно рейтинга и когда я подключаю этот блок, вся страница начинает разъезжать

исходники конфликтующих скриптов?
тык
и
тык
Код JavaScript
<script type="text/javascript"> $(document).ready(function(){ $(".buttontext").click(function(){ $("#panel").slideToggle("normal"); return false; }); }); </script>

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

как исправить, или посоветуйте другой скрипт наподобие этого?

artstyle 26.06.2012 23:39

вот как получается со скриптом http://postimage.org/image/j3zuh4mf1/

Deff 26.06.2012 23:58

artstyle,
Цитата:

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

я использовал этот скрипт для слайдера http://www.luksweb.ru/files/20110819/primer.html пример
Эту фигню выкинуть и заменить на чистый ява-скрипт
Или ява-скрипт + сss, что вообще как два пальца.
Использовать jQuery для получения такого мелкого эффекта - не AЙС, либо вообще переходить на
jQuery - слайдеров на jQ картинок движущихся в инете немеряно

artstyle 27.06.2012 03:54

Цитата:

Сообщение от Deff (Сообщение 184452)
artstyle,

Эту фигню выкинуть и заменить на чистый ява-скрипт
Или ява-скрипт + сss, что вообще как два пальца.
Использовать jQuery для получения такого мелкого эффекта - не AЙС, либо вообще переходить на
jQuery - слайдеров на jQ картинок движущихся в инете немеряно

что для вас два пальца для меня дремучий лес) не могли бы вы скинуть пару примеров точно такого же блока только без jq пожалуйста?

Deff 27.06.2012 12:29

Цитата:

Сообщение от artstyle
что для вас два пальца для меня дремучий лес)

к вечеру, пока - занят

artstyle 27.06.2012 13:59

пока нашел вот это http://www.dynamicdrive.com/dynamici...pdownpanel.htm вечером посмотрю проверю

artstyle 27.06.2012 20:37

попробовал. работает. но есть минусы.
кнопка идет как отделный div интегрировать со своим меню адекватно не могу)
+ окно само не сворачивается при обновлении

artstyle 27.06.2012 20:43

все таки интегрировал
заменил
это
</div>
<div id="mypaneltab" class="ddpaneltab">
<a href="#"><span>Toggle</span></a>
</div>

этим
<a id="mypaneltab" class="ddpaneltab" href="#"><span>Toggle</span></a>


не знаю насколько это правильно) но все работает.


как сделать чтобы блок обратно сворачивался при обновлении?)


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