Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Поделиться ссылкой

Мы в социальных сетях



- Правила форума -

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: JPG-Net Видео фоторедактор Транслит
Видео-туториалы
Настройка шапки форума
Категории и подфорумы - 1
Создание портала
Модули
Виджеты
Как присваивать награды
Выброс кубиков
Pop-up для входа на форум
Настроение в профиле

Перестала внезапно работать Всплывающая панель

Предыдущая тема Следующая тема Перейти вниз

Important Перестала внезапно работать Всплывающая панель

Сообщение автор Xan_Kriegor в Вс 17 Июл - 8:24

Когда-то давно установил себе вот эту всплыв. панель: http://help.forum2x2.ru/t26597-topic
Сегодня она внезапно перестала работать. Не открывается.
Помогите в решении проблемы плиз. 17

Xan_Kriegor
 
 

Сообщения : 998
Возраст : 33
Карма : Без предупреждений
Благодарности : 13
Регистрация : 2013-09-18

http://www.residentevilarena.com

Вернуться к началу Перейти вниз

Important Re: Перестала внезапно работать Всплывающая панель

Сообщение автор Сказочник Зазеркалья в Пн 18 Июл - 15:27

@Xan_Kriegor пишет:Когда-то давно установил себе вот эту всплыв. панель: http://help.forum2x2.ru/t26597-topic
Сегодня она внезапно перестала работать. Не открывается.
Помогите в решении проблемы плиз. 17

Хан, у меня она давно отказалась работать....

Попробуй удалить её, и заново установить. Это должно помочь. Хотя можно сделать другой вариант панельки, своими руками))

Сказочник Зазеркалья
Дизайнер
Дизайнер

Пол : Мужчина
Сообщения : 3672
Возраст : 25
Место обитания : Морг.
Карма : Без предупреждений
Благодарности : 687
Регистрация : 2012-11-16

http://help.forum2x2.ru

Вернуться к началу Перейти вниз

Important Re: Перестала внезапно работать Всплывающая панель

Сообщение автор Xan_Kriegor в Пн 18 Июл - 20:41

Сказочник Зазеркалья, спс, только я не "Хан", а Ксан. Учим английский ;)

Пробовал я ее переставлять - не помогает...

Xan_Kriegor
 
 

Сообщения : 998
Возраст : 33
Карма : Без предупреждений
Благодарности : 13
Регистрация : 2013-09-18

http://www.residentevilarena.com

Вернуться к началу Перейти вниз

Important Re: Перестала внезапно работать Всплывающая панель

Сообщение автор Xan_Kriegor в Пн 18 Июл - 21:01

В общем попробовал я ее полностью удалить, затем снова поставить - не помогло.

@Сказочник Зазеркалья пишет:Хотя можно сделать другой вариант панельки, своими руками))
Если бы я умел...

А тебе не сложно будет это сделать амиго? При чем мне не обязательно, чтобы она открывалась/закрывалась, можешь сделать просто верхнюю панель? Такую же, как и была, но чтобы она все время открыта была. Это будет в самый раз.

Xan_Kriegor
 
 

Сообщения : 998
Возраст : 33
Карма : Без предупреждений
Благодарности : 13
Регистрация : 2013-09-18

http://www.residentevilarena.com

Вернуться к началу Перейти вниз

Important Re: Перестала внезапно работать Всплывающая панель

Сообщение автор Сергей Александрович в Пн 18 Июл - 22:00

@Xan_Kriegor пишет:В общем попробовал я ее полностью удалить, затем снова поставить - не помогло.


Если бы я умел...

А тебе не сложно будет это сделать амиго? При чем мне не обязательно, чтобы она открывалась/закрывалась, можешь сделать просто верхнюю панель? Такую же, как и была, но чтобы она все время открыта была. Это будет в самый раз.
Если убрать JS скрипты панели то она фиксируется открытой.

Сергей Александрович
 
 

Пол : Мужчина
Сообщения : 655
Возраст : 50
Место обитания : МВД РФ
Настроение : Сколько не говори, что умный, а дела показывают лучше.
Карма : Без предупреждений
Благодарности : 198
Регистрация : 2014-11-03

http://help.forum2x2.ru/

Вернуться к началу Перейти вниз

Important Re: Перестала внезапно работать Всплывающая панель

Сообщение автор Xan_Kriegor в Пн 18 Июл - 23:42

@Сергей Александрович пишет:Если убрать JS скрипты панели то она фиксируется открытой.
А что именно нужно убрать и где?

Xan_Kriegor
 
 

Сообщения : 998
Возраст : 33
Карма : Без предупреждений
Благодарности : 13
Регистрация : 2013-09-18

http://www.residentevilarena.com

Вернуться к началу Перейти вниз

Important Re: Перестала внезапно работать Всплывающая панель

Сообщение автор Сергей Александрович в Вт 19 Июл - 8:14

@Xan_Kriegor пишет:
А что именно нужно убрать и где?
Так там только 1 строка с расширением .js и только 1 кусок начинается с <script> и заканчивается </script>

Сергей Александрович
 
 

Пол : Мужчина
Сообщения : 655
Возраст : 50
Место обитания : МВД РФ
Настроение : Сколько не говори, что умный, а дела показывают лучше.
Карма : Без предупреждений
Благодарности : 198
Регистрация : 2014-11-03

http://help.forum2x2.ru/

Вернуться к началу Перейти вниз

Important Re: Перестала внезапно работать Всплывающая панель

Сообщение автор Xan_Kriegor в Вт 19 Июл - 15:52

@Сергей Александрович пишет:
Так там только 1 строка с расширением .js и только 1 кусок начинается с <script> и заканчивается </script>
Если ты про этот кусок:
Код:
<!— Выплывающая панель -->
<!--[if lte IE 6]>
<script type="text/javascript" src="http://www.patmax.eu/J1/120627192954.js"></script>
<![endif]-->
<!-- Sliding effect -->
<script src="http://www.patmax.eu/J1/120627193037.js" type="text/javascript"></script>
то я пробовал его удалять уже - панель не открывается все равно...

Xan_Kriegor
 
 

Сообщения : 998
Возраст : 33
Карма : Без предупреждений
Благодарности : 13
Регистрация : 2013-09-18

http://www.residentevilarena.com

Вернуться к началу Перейти вниз

Important Re: Перестала внезапно работать Всплывающая панель

Сообщение автор tkir1 в Ср 20 Июл - 17:39

не открывается у меня тоже(

сайт не работает этот http://www.patmax.eu/J1/120627192954.js

короче решение придёт только в случае, если у кого-нибудь был сохранён этот JS код

tkir1
Новичок

Сообщения : 7
Возраст : 36
Карма : Без предупреждений
Благодарности : 1
Регистрация : 2016-07-13

http://imagiart.ru/

Вернуться к началу Перейти вниз

Important Re: Перестала внезапно работать Всплывающая панель

Сообщение автор Da Vinchi в Ср 20 Июл - 18:07

Дети мои. Дядя Винчи как обычно приходит на помощь.
Ваш код
Код:
<!— Выплывающая панель -->
<!--[if lte IE 6]>
<script type="text/javascript" src="http://www.patmax.eu/J1/120627192954.js"></script>
<![endif]-->
<!-- Sliding effect -->
<script src="http://www.patmax.eu/J1/120627193037.js" type="text/javascript"></script>
Разбиваем на 2 скрипта.
Код:
<script type="text/javascript" src="http://www.patmax.eu/J1/120627192954.js"></script>
и
Код:
<script src="http://www.patmax.eu/J1/120627193037.js" type="text/javascript"></script>
Первый скрипт вот
Код:
$(document).ready(function() {
   
   // Expand Panel
   $("#open").click(function(){
      $("div#panel").slideDown("slow");
   
   });   
   
   // Collapse Panel
   $("#close").click(function(){
      $("div#panel").slideUp("slow");   
   });      
   
   // Switch buttons from "Log In | Register" to "Close Panel" on click
   $("#toggle a").click(function () {
      $("#toggle a").toggle();
   });      
      
});
Второй скрипт вот
Код:
$(document).ready(function() {
   
   // Expand Panel
   $("#open").click(function(){
      $("div#panel").slideDown("slow");
   
   });   
   
   // Collapse Panel
   $("#close").click(function(){
      $("div#panel").slideUp("slow");   
   });      
   
   // Switch buttons from "Log In | Register" to "Close Panel" on click
   $("#toggle a").click(function () {
      $("#toggle a").toggle();
   });      
      
});

Da Vinchi
 
 

Пол : Мужчина
Сообщения : 152
Возраст : 35
Карма : Без предупреждений
Благодарности : 169
Регистрация : 2016-04-07

http://help.forum2x2.ru/

Вернуться к началу Перейти вниз

Important Re: Перестала внезапно работать Всплывающая панель

Сообщение автор Pella в Ср 20 Июл - 18:27

Da Vinchi, спасибо. Очень помогли.

В связи с неработающим хостингом www.patmax.eu
Ещё не работают: Эффект переливающихся ссылок, Слайдеры, Карусели картинок...

На данный момент не работают эти туториалы:

Эффект переливающихся ссылок - автор Домовой
http://help.forum2x2.ru/t25119-topic
Вот сайт на котором они работат http://gothic.rusff.ru/

Карусель картинок (фотогалерея) - автор Домовой
http://help.forum2x2.ru/t20438-topic


У меня сохранена Карусель картинок - Вариант №2
Код:
/**
 * jQuery Roundabout Shapes v1.1 (minified)
 * http://fredhq.com/projects/roundabout-shapes/
 *
 * Provides additional paths along which items can move for the
 * jQuery Roundabout plugin (v1.0+).
 *
 * Terms of Use // jQuery Roundabout Shapes
 *
 * Open source under the BSD license
 *
 * Copyright (c) 2009, Fred LeBlanc
 * All rights reserved.
 *
 * Redistribution and use in source and binary forms, with or without
 * modification, are permitted provided that the following conditions are met:
 *
 *  - Redistributions of source code must retain the above copyright
 *    notice, this list of conditions and the following disclaimer.
 *  - Redistributions in binary form must reproduce the above
 *    copyright notice, this list of conditions and the following
 *    disclaimer in the documentation and/or other materials provided
 *    with the distribution.
 *  - Neither the name of the author nor the names of its contributors
 *    may be used to endorse or promote products derived from this
 *    software without specific prior written permission.
 *
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
 * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
 * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
 * ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE
 * LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
 * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
 * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
 * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
 * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
 * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
 * POSSIBILITY OF SUCH DAMAGE.
 */
jQuery.extend(jQuery.roundabout_shape,{theJuggler:function(r,a,t){return{x:Math.sin(r+a),y:Math.tan(Math.exp(Math.log(r))+a)/(t-1),z:(Math.cos(r+a)+1)/2,scale:(Math.sin(r+Math.PI/2+a)/2)+0.5}},figure8:function(r,a,t){return{x:Math.sin(r*2+a),y:(Math.sin(r+Math.PI/2+a)/8)*t,z:(Math.cos(r+a)+1)/2,scale:(Math.sin(r+Math.PI/2+a)/2)+0.5}},waterWheel:function(r,a,t){return{x:(Math.sin(r+Math.PI/2+a)/8)*t,y:Math.sin(r+a)/(Math.PI/2),z:(Math.cos(r+a)+1)/2,scale:(Math.sin(r+Math.PI/2+a)/2)+0.5}},square:function(r,a,t){var sq_x,sq_y,sq_z;if(r<=Math.PI/2){sq_x=(2/Math.PI)*r;sq_y=-(2/Math.PI)*r+1;sq_z=-(1/Math.PI)*r+1}else if(r>Math.PI/2&&r<=Math.PI){sq_x=-(2/Math.PI)*r+2;sq_y=-(2/Math.PI)*r+1;sq_z=-(1/Math.PI)*r+1}else if(r>Math.PI&&r<=(3*Math.PI)/2){sq_x=-(2/Math.PI)*r+2;sq_y=(2/Math.PI)*r-3;sq_z=(1/Math.PI)*r-1}else{sq_x=(2/Math.PI)*r-4;sq_y=(2/Math.PI)*r-3;sq_z=(1/Math.PI)*r-1}return{x:sq_x,y:sq_y*t,z:sq_z,scale:sq_z}},conveyorBeltLeft:function(r,a,t){return{x:-Math.cos(r+a),y:(Math.cos(r+3*Math.PI/2+a)/8)*t,z:(Math.sin(r+a)+1)/2,scale:(Math.sin(r+Math.PI/2+a)/2)+0.5}},conveyorBeltRight:function(r,a,t){return{x:Math.cos(r+a),y:(Math.cos(r+3*Math.PI/2+a)/8)*t,z:(Math.sin(r+a)+1)/2,scale:(Math.sin(r+Math.PI/2+a)/2)+0.5}},goodbyeCruelWorld:function(r,a,t){return{x:Math.sin(r+a),y:(Math.tan(r+3*Math.PI/2+a)/8)*(t+0.5),z:(Math.sin(r+a)+1)/2,scale:(Math.sin(r+Math.PI/2+a)/2)+0.5}},diagonalRingLeft:function(r,a,t){return{x:Math.sin(r+a),y:-Math.cos(r+Math.tan(Math.cos(a)))/(t+1.5),z:(Math.cos(r+a)+1)/2,scale:(Math.sin(r+Math.PI/2+a)/2)+0.5}},diagonalRingRight:function(r,a,t){return{x:Math.sin(r+a),y:Math.cos(r+Math.tan(Math.cos(a)))/(t+1.5),z:(Math.cos(r+a)+1)/2,scale:(Math.sin(r+Math.PI/2+a)/2)+0.5}},rollerCoaster:function(r,a,t){return{x:Math.sin(r+a),y:Math.sin((2+t)*r),z:(Math.cos(r+a)+1)/2,scale:(Math.sin(r+Math.PI/2+a)/2)+0.5}},tearDrop:function(r,a,t){return{x:Math.sin(r+a),y:-Math.sin(r/2+t)+0.35,z:(Math.cos(r+a)+1)/2,scale:(Math.sin(r+Math.PI/2+a)/2)+0.5}}});

Код:
/**
 * jQuery Roundabout - v1.1
 * http://fredhq.com/projects/roundabout/
 *
 * Moves list-items of enabled ordered and unordered lists long
 * a chosen path. Includes the default "lazySusan" path, that
 * moves items long a spinning turntable.
 *
 * Terms of Use // jQuery Roundabout
 *
 * Open source under the BSD license
 *
 * Copyright (c) 2010, Fred LeBlanc
 * All rights reserved.
 *
 * Redistribution and use in source and binary forms, with or without
 * modification, are permitted provided that the following conditions are met:
 *
 *  - Redistributions of source code must retain the above copyright
 *    notice, this list of conditions and the following disclaimer.
 *  - Redistributions in binary form must reproduce the above
 *    copyright notice, this list of conditions and the following
 *    disclaimer in the documentation and/or other materials provided
 *    with the distribution.
 *  - Neither the name of the author nor the names of its contributors
 *    may be used to endorse or promote products derived from this
 *    software without specific prior written permission.
 *
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
 * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
 * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
 * ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE
 * LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
 * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
 * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
 * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
 * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
 * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
 * POSSIBILITY OF SUCH DAMAGE.
 */

jQuery.extend({roundabout_shape:{def:'lazySusan',lazySusan:function(r,a,t){return{x:Math.sin(r+a),y:(Math.sin(r+3*Math.PI/2+a)/8)*t,z:(Math.cos(r+a)+1)/2,scale:(Math.sin(r+Math.PI/2+a)/2)+0.5}}}});jQuery.fn.roundabout=function(){var options=(typeof arguments[0]!='object')?{}:arguments[0];options={bearing:(typeof options.bearing=='undefined')?0.0:jQuery.roundabout_toFloat(options.bearing%360.0),tilt:(typeof options.tilt=='undefined')?0.0:jQuery.roundabout_toFloat(options.tilt),minZ:(typeof options.minZ=='undefined')?100:parseInt(options.minZ,10),maxZ:(typeof options.maxZ=='undefined')?400:parseInt(options.maxZ,10),minOpacity:(typeof options.minOpacity=='undefined')?0.40:jQuery.roundabout_toFloat(options.minOpacity),maxOpacity:(typeof options.maxOpacity=='undefined')?1.00:jQuery.roundabout_toFloat(options.maxOpacity),minScale:(typeof options.minScale=='undefined')?0.40:jQuery.roundabout_toFloat(options.minScale),maxScale:(typeof options.maxScale=='undefined')?1.00:jQuery.roundabout_toFloat(options.maxScale),duration:(typeof options.duration=='undefined')?600:parseInt(options.duration,10),btnNext:options.btnNext||null,btnPrev:options.btnPrev||null,easing:options.easing||'swing',clickToFocus:(options.clickToFocus!==false),focusBearing:(typeof options.focusBearing=='undefined')?0.0:jQuery.roundabout_toFloat(options.focusBearing%360.0),shape:options.shape||'lazySusan',debug:options.debug||false,childSelector:options.childSelector||'li',startingChild:(typeof options.startingChild=='undefined')?null:parseInt(options.startingChild,10),reflect:(typeof options.reflect=='undefined'||options.reflect===false)?false:true};this.each(function(i){var ref=jQuery(this);var period=jQuery.roundabout_toFloat(360.0/ref.children(options.childSelector).length);var startingBearing=(options.startingChild===null)?options.bearing:options.startingChild*period;ref.addClass('roundabout-holder').css('padding',0).css('position','relative').css('z-index',options.minZ);ref.data('roundabout',{'bearing':startingBearing,'tilt':options.tilt,'minZ':options.minZ,'maxZ':options.maxZ,'minOpacity':options.minOpacity,'maxOpacity':options.maxOpacity,'minScale':options.minScale,'maxScale':options.maxScale,'duration':options.duration,'easing':options.easing,'clickToFocus':options.clickToFocus,'focusBearing':options.focusBearing,'animating':0,'childInFocus':-1,'shape':options.shape,'period':period,'debug':options.debug,'childSelector':options.childSelector,'reflect':options.reflect});if(options.clickToFocus===true){ref.children(options.childSelector).each(function(i){jQuery(this).click(function(e){var degrees=(options.reflect===true)?360.0-(period*i):period*i;degrees=jQuery.roundabout_toFloat(degrees);if(!jQuery.roundabout_isInFocus(ref,degrees)){e.preventDefault();if(ref.data('roundabout').animating===0){ref.roundabout_animateAngleToFocus(degrees)}return false}})})}if(options.btnNext){jQuery(options.btnNext).bind('click.roundabout',function(e){e.preventDefault();if(ref.data('roundabout').animating===0){ref.roundabout_animateToNextChild()}return false})}if(options.btnPrev){jQuery(options.btnPrev).bind('click.roundabout',function(e){e.preventDefault();if(ref.data('roundabout').animating===0){ref.roundabout_animateToPreviousChild()}return false})}});this.roundabout_startChildren();if(typeof arguments[1]==='function'){var callback=arguments[1],ref=this;setTimeout(function(){callback(ref)},0)}return this};jQuery.fn.roundabout_startChildren=function(){this.each(function(i){var ref=jQuery(this);var data=ref.data('roundabout');var children=ref.children(data.childSelector);children.each(function(i){var degrees=(data.reflect===true)?360.0-(data.period*i):data.period*i;jQuery(this).addClass('roundabout-moveable-item').css('position','absolute');jQuery(this).data('roundabout',{'startWidth':jQuery(this).width(),'startHeight':jQuery(this).height(),'startFontSize':parseInt(jQuery(this).css('font-size'),10),'degrees':degrees})});ref.roundabout_updateChildPositions()});return this};jQuery.fn.roundabout_setTilt=function(newTilt){this.each(function(i){jQuery(this).data('roundabout').tilt=newTilt;jQuery(this).roundabout_updateChildPositions()});if(typeof arguments[1]==='function'){var callback=arguments[1],ref=this;setTimeout(function(){callback(ref)},0)}return this};jQuery.fn.roundabout_setBearing=function(newBearing){this.each(function(i){jQuery(this).data('roundabout').bearing=jQuery.roundabout_toFloat(newBearing%360,2);jQuery(this).roundabout_updateChildPositions()});if(typeof arguments[1]==='function'){var callback=arguments[1],ref=this;setTimeout(function(){callback(ref)},0)}return this};jQuery.fn.roundabout_adjustBearing=function(delta){delta=jQuery.roundabout_toFloat(delta);if(delta!==0){this.each(function(i){jQuery(this).data('roundabout').bearing=jQuery.roundabout_getBearing(jQuery(this))+delta;jQuery(this).roundabout_updateChildPositions()})}if(typeof arguments[1]==='function'){var callback=arguments[1],ref=this;setTimeout(function(){callback(ref)},0)}return this};jQuery.fn.roundabout_adjustTilt=function(delta){delta=jQuery.roundabout_toFloat(delta);if(delta!==0){this.each(function(i){jQuery(this).data('roundabout').tilt=jQuery.roundabout_toFloat(jQuery(this).roundabout_get('tilt')+delta);jQuery(this).roundabout_updateChildPositions()})}if(typeof arguments[1]==='function'){var callback=arguments[1],ref=this;setTimeout(function(){callback(ref)},0)}return this};jQuery.fn.roundabout_animateToBearing=function(bearing){bearing=jQuery.roundabout_toFloat(bearing);var currentTime=new Date();var duration=(typeof arguments[1]=='undefined')?null:arguments[1];var easingType=(typeof arguments[2]=='undefined')?null:arguments[2];var passedData=(typeof arguments[3]!=='object')?null:arguments[3];this.each(function(i){var ref=jQuery(this),data=ref.data('roundabout'),timer,easingFn,newBearing;var thisDuration=(duration===null)?data.duration:duration;var thisEasingType=(easingType!==null)?easingType:data.easing||'swing';if(passedData===null){passedData={timerStart:currentTime,start:jQuery.roundabout_getBearing(ref),totalTime:thisDuration}}timer=currentTime-passedData.timerStart;if(timer<thisDuration){data.animating=1;if(typeof jQuery.easing.def=='string'){easingFn=jQuery.easing[thisEasingType]||jQuery.easing[jQuery.easing.def];newBearing=easingFn(null,timer,passedData.start,bearing-passedData.start,passedData.totalTime)}else{newBearing=jQuery.easing[thisEasingType]((timer/passedData.totalTime),timer,passedData.start,bearing-passedData.start,passedData.totalTime)}ref.roundabout_setBearing(newBearing,function(){ref.roundabout_animateToBearing(bearing,thisDuration,thisEasingType,passedData)})}else{bearing=(bearing<0)?bearing+360:bearing%360;data.animating=0;ref.roundabout_setBearing(bearing)}});return this};jQuery.fn.roundabout_animateToDelta=function(delta){var duration=arguments[1],easing=arguments[2];this.each(function(i){delta=jQuery.roundabout_getBearing(jQuery(this))+jQuery.roundabout_toFloat(delta);jQuery(this).roundabout_animateToBearing(delta,duration,easing)});return this};jQuery.fn.roundabout_animateToChild=function(childPos){var duration=arguments[1],easing=arguments[2];this.each(function(i){var ref=jQuery(this),data=ref.data('roundabout');if(data.childInFocus!==childPos&&data.animating===0){var child=jQuery(ref.children(data.childSelector)[childPos]);ref.roundabout_animateAngleToFocus(child.data('roundabout').degrees,duration,easing)}});return this};jQuery.fn.roundabout_animateToNearbyChild=function(passedArgs,which){var duration=passedArgs[0],easing=passedArgs[1];this.each(function(i){var data=jQuery(this).data('roundabout');var bearing=jQuery.roundabout_toFloat(360.0-jQuery.roundabout_getBearing(jQuery(this)));var period=data.period,j=0,range;var reflect=data.reflect;var length=jQuery(this).children(data.childSelector).length;bearing=(reflect===true)?bearing%360.0:bearing;if(data.animating===0){if((reflect===false&&which==='next')||(reflect===true&&which!=='next')){bearing=(bearing===0)?360:bearing;while(true&&j<length){range={lower:jQuery.roundabout_toFloat(period*j),upper:jQuery.roundabout_toFloat(period*(j+1))};range.upper=(j==length-1)?360.0:range.upper;if(bearing<=range.upper&&bearing>range.lower){jQuery(this).roundabout_animateToDelta(bearing-range.lower,duration,easing);break}j++}}else{while(true){range={lower:jQuery.roundabout_toFloat(period*j),upper:jQuery.roundabout_toFloat(period*(j+1))};range.upper=(j==length-1)?360.0:range.upper;if(bearing>=range.lower&&bearing<range.upper){jQuery(this).roundabout_animateToDelta(bearing-range.upper,duration,easing);break}j++}}}});return this};jQuery.fn.roundabout_animateToNextChild=function(){return this.roundabout_animateToNearbyChild(arguments,'next')};jQuery.fn.roundabout_animateToPreviousChild=function(){return this.roundabout_animateToNearbyChild(arguments,'previous')};jQuery.fn.roundabout_animateAngleToFocus=function(target){var duration=arguments[1],easing=arguments[2];this.each(function(i){var delta=jQuery.roundabout_getBearing(jQuery(this))-target;delta=(Math.abs(360.0-delta)<Math.abs(0.0-delta))?360.0-delta:0.0-delta;delta=(delta>180)?-(360.0-delta):delta;if(delta!==0){jQuery(this).roundabout_animateToDelta(delta,duration,easing)}});return this};jQuery.fn.roundabout_updateChildPositions=function(){this.each(function(i){var ref=jQuery(this),data=ref.data('roundabout');var inFocus=-1;var info={bearing:jQuery.roundabout_getBearing(ref),tilt:data.tilt,stage:{width:Math.floor(ref.width()*0.9),height:Math.floor(ref.height()*0.9)},animating:data.animating,inFocus:data.childInFocus,focusBearingRad:jQuery.roundabout_degToRad(data.focusBearing),shape:jQuery.roundabout_shape[data.shape]||jQuery.roundabout_shape[jQuery.roundabout_shape.def]};info.midStage={width:info.stage.width/2,height:info.stage.height/2};info.nudge={width:info.midStage.width+info.stage.width*0.05,height:info.midStage.height+info.stage.height*0.05};info.zValues={min:data.minZ,max:data.maxZ,diff:data.maxZ-data.minZ};info.opacity={min:data.minOpacity,max:data.maxOpacity,diff:data.maxOpacity-data.minOpacity};info.scale={min:data.minScale,max:data.maxScale,diff:data.maxScale-data.minScale};ref.children(data.childSelector).each(function(i){if(jQuery.roundabout_updateChildPosition(jQuery(this),ref,info,i)&&info.animating===0){inFocus=i;jQuery(this).addClass('roundabout-in-focus')}else{jQuery(this).removeClass('roundabout-in-focus')}});if(inFocus!==info.inFocus){jQuery.roundabout_triggerEvent(ref,info.inFocus,'blur');if(inFocus!==-1){jQuery.roundabout_triggerEvent(ref,inFocus,'focus')}data.childInFocus=inFocus}});return this};jQuery.roundabout_getBearing=function(el){return jQuery.roundabout_toFloat(el.data('roundabout').bearing)%360};jQuery.roundabout_degToRad=function(degrees){return(degrees%360.0)*Math.PI/180.0};jQuery.roundabout_isInFocus=function(el,target){return(jQuery.roundabout_getBearing(el)%360===(target%360))};jQuery.roundabout_triggerEvent=function(el,child,eventType){return(child<0)?this:jQuery(el.children(el.data('roundabout').childSelector)[child]).trigger(eventType)};jQuery.roundabout_toFloat=function(number){number=Math.round(parseFloat(number)*1000)/1000;return parseFloat(number.toFixed(2))};jQuery.roundabout_updateChildPosition=function(child,container,info,childPos){var ref=jQuery(child),data=ref.data('roundabout'),out=[];var rad=jQuery.roundabout_degToRad((360.0-ref.data('roundabout').degrees)+info.bearing);while(rad<0){rad=rad+Math.PI*2}while(rad>Math.PI*2){rad=rad-Math.PI*2}var factors=info.shape(rad,info.focusBearingRad,info.tilt);factors.scale=(factors.scale>1)?1:factors.scale;factors.adjustedScale=(info.scale.min+(info.scale.diff*factors.scale)).toFixed(4);factors.width=(factors.adjustedScale*data.startWidth).toFixed(4);factors.height=(factors.adjustedScale*data.startHeight).toFixed(4);ref.css('left',((factors.x*info.midStage.width+info.nudge.width)-factors.width/2.0).toFixed(1)+'px').css('top',((factors.y*info.midStage.height+info.nudge.height)-factors.height/2.0).toFixed(1)+'px').css('width',factors.width+'px').css('height',factors.height+'px').css('opacity',(info.opacity.min+(info.opacity.diff*factors.scale)).toFixed(2)).css('z-index',Math.round(info.zValues.min+(info.zValues.diff*factors.z))).css('font-size',(factors.adjustedScale*data.startFontSize).toFixed(2)+'px').attr('current-scale',factors.adjustedScale);if(container.data('roundabout').debug===true){out.push('<div style="font-weight: normal; font-size: 10px; padding: 2px; width: '+ref.css('width')+'; background-color: #ffc;">');out.push('<strong style="font-size: 12px; white-space: nowrap;">Child '+childPos+'</strong><br />');out.push('<strong>left:</strong> '+ref.css('left')+'<br /><strong>top:</strong> '+ref.css('top')+'<br />');out.push('<strong>width:</strong> '+ref.css('width')+'<br /><strong>opacity:</strong> '+ref.css('opacity')+'<br />');out.push('<strong>z-index:</strong> '+ref.css('z-index')+'<br /><strong>font-size:</strong> '+ref.css('font-size')+'<br />');out.push('<strong>scale:</strong> '+ref.attr('current-scale'));out.push('</div>');ref.html(out.join(''))}return jQuery.roundabout_isInFocus(container,ref.data('roundabout').degrees)};

Код:
/*
 * jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
 *
 * Uses the built in easing capabilities added In jQuery 1.1
 * to offer multiple easing options
 *
 * TERMS OF USE - jQuery Easing
 *
 * Open source under the BSD License.
 *
 * Copyright © 2008 George McGinley Smith
 * All rights reserved.
 *
 * Redistribution and use in source and binary forms, with or without modification,
 * are permitted provided that the following conditions are met:
 *
 * Redistributions of source code must retain the above copyright notice, this list of
 * conditions and the following disclaimer.
 * Redistributions in binary form must reproduce the above copyright notice, this list
 * of conditions and the following disclaimer in the documentation and/or other materials
 * provided with the distribution.
 *
 * Neither the name of the author nor the names of contributors may be used to endorse
 * or promote products derived from this software without specific prior written permission.
 *
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
 * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
 * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
 *  COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
 *  EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
 *  GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
 * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
 *  NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
 * OF THE POSSIBILITY OF SUCH DAMAGE.
 *
*/

// t: current time, b: begInnIng value, c: change In value, d: duration
jQuery.easing['jswing'] = jQuery.easing['swing'];

jQuery.extend( jQuery.easing,
{
   def: 'easeOutQuad',
   swing: function (x, t, b, c, d) {
      //alert(jQuery.easing.default);
      return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
   },
   easeInQuad: function (x, t, b, c, d) {
      return c*(t/=d)*t + b;
   },
   easeOutQuad: function (x, t, b, c, d) {
      return -c *(t/=d)*(t-2) + b;
   },
   easeInOutQuad: function (x, t, b, c, d) {
      if ((t/=d/2) < 1) return c/2*t*t + b;
      return -c/2 * ((--t)*(t-2) - 1) + b;
   },
   easeInCubic: function (x, t, b, c, d) {
      return c*(t/=d)*t*t + b;
   },
   easeOutCubic: function (x, t, b, c, d) {
      return c*((t=t/d-1)*t*t + 1) + b;
   },
   easeInOutCubic: function (x, t, b, c, d) {
      if ((t/=d/2) < 1) return c/2*t*t*t + b;
      return c/2*((t-=2)*t*t + 2) + b;
   },
   easeInQuart: function (x, t, b, c, d) {
      return c*(t/=d)*t*t*t + b;
   },
   easeOutQuart: function (x, t, b, c, d) {
      return -c * ((t=t/d-1)*t*t*t - 1) + b;
   },
   easeInOutQuart: function (x, t, b, c, d) {
      if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
      return -c/2 * ((t-=2)*t*t*t - 2) + b;
   },
   easeInQuint: function (x, t, b, c, d) {
      return c*(t/=d)*t*t*t*t + b;
   },
   easeOutQuint: function (x, t, b, c, d) {
      return c*((t=t/d-1)*t*t*t*t + 1) + b;
   },
   easeInOutQuint: function (x, t, b, c, d) {
      if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
      return c/2*((t-=2)*t*t*t*t + 2) + b;
   },
   easeInSine: function (x, t, b, c, d) {
      return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
   },
   easeOutSine: function (x, t, b, c, d) {
      return c * Math.sin(t/d * (Math.PI/2)) + b;
   },
   easeInOutSine: function (x, t, b, c, d) {
      return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
   },
   easeInExpo: function (x, t, b, c, d) {
      return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
   },
   easeOutExpo: function (x, t, b, c, d) {
      return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
   },
   easeInOutExpo: function (x, t, b, c, d) {
      if (t==0) return b;
      if (t==d) return b+c;
      if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
      return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
   },
   easeInCirc: function (x, t, b, c, d) {
      return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
   },
   easeOutCirc: function (x, t, b, c, d) {
      return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
   },
   easeInOutCirc: function (x, t, b, c, d) {
      if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
      return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
   },
   easeInElastic: function (x, t, b, c, d) {
      var s=1.70158;var p=0;var a=c;
      if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
      if (a < Math.abs(c)) { a=c; var s=p/4; }
      else var s = p/(2*Math.PI) * Math.asin (c/a);
      return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
   },
   easeOutElastic: function (x, t, b, c, d) {
      var s=1.70158;var p=0;var a=c;
      if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
      if (a < Math.abs(c)) { a=c; var s=p/4; }
      else var s = p/(2*Math.PI) * Math.asin (c/a);
      return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
   },
   easeInOutElastic: function (x, t, b, c, d) {
      var s=1.70158;var p=0;var a=c;
      if (t==0) return b;  if ((t/=d/2)==2) return b+c;  if (!p) p=d*(.3*1.5);
      if (a < Math.abs(c)) { a=c; var s=p/4; }
      else var s = p/(2*Math.PI) * Math.asin (c/a);
      if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
      return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
   },
   easeInBack: function (x, t, b, c, d, s) {
      if (s == undefined) s = 1.70158;
      return c*(t/=d)*t*((s+1)*t - s) + b;
   },
   easeOutBack: function (x, t, b, c, d, s) {
      if (s == undefined) s = 1.70158;
      return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
   },
   easeInOutBack: function (x, t, b, c, d, s) {
      if (s == undefined) s = 1.70158;
      if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
      return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
   },
   easeInBounce: function (x, t, b, c, d) {
      return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
   },
   easeOutBounce: function (x, t, b, c, d) {
      if ((t/=d) < (1/2.75)) {
         return c*(7.5625*t*t) + b;
      } else if (t < (2/2.75)) {
         return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
      } else if (t < (2.5/2.75)) {
         return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
      } else {
         return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
      }
   },
   easeInOutBounce: function (x, t, b, c, d) {
      if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
      return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
   }
});

/*
 *
 * TERMS OF USE - EASING EQUATIONS
 *
 * Open source under the BSD License.
 *
 * Copyright © 2001 Robert Penner
 * All rights reserved.
 *
 * Redistribution and use in source and binary forms, with or without modification,
 * are permitted provided that the following conditions are met:
 *
 * Redistributions of source code must retain the above copyright notice, this list of
 * conditions and the following disclaimer.
 * Redistributions in binary form must reproduce the above copyright notice, this list
 * of conditions and the following disclaimer in the documentation and/or other materials
 * provided with the distribution.
 *
 * Neither the name of the author nor the names of contributors may be used to endorse
 * or promote products derived from this software without specific prior written permission.
 *
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
 * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
 * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
 *  COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
 *  EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
 *  GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
 * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
 *  NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
 * OF THE POSSIBILITY OF SUCH DAMAGE.
 *
 */

Pella
Новичок

Сообщения : 12
Возраст : 21
Место обитания : СПБ Город белых ночей
Карма : Без предупреждений
Благодарности : 17
Регистрация : 2016-06-18

http://help.forum2x2.ru/

Вернуться к началу Перейти вниз

Important Re: Перестала внезапно работать Всплывающая панель

Сообщение автор Da Vinchi в Ср 20 Июл - 19:34

@Pella пишет:Da Vinchi, спасибо. Очень помогли.

В связи с неработающим хостингом www.patmax.eu
Ещё не работают: Эффект переливающихся ссылок, Слайдеры, Карусели картинок...

На данный момент не работают эти туториалы:

Эффект переливающихся ссылок  - автор Домовой
http://help.forum2x2.ru/t25119-topic
Вот сайт на котором они работат http://gothic.rusff.ru/

Карусель картинок (фотогалерея)   - автор Домовой
http://help.forum2x2.ru/t20438-topic


У меня сохранена Карусель картинок - Вариант №2
Код:
/**
 * jQuery Roundabout Shapes v1.1 (minified)
 * http://fredhq.com/projects/roundabout-shapes/
 *
 * Provides additional paths along which items can move for the
 * jQuery Roundabout plugin (v1.0+).
 *
 * Terms of Use // jQuery Roundabout Shapes
 *
 * Open source under the BSD license
 *
 * Copyright (c) 2009, Fred LeBlanc
 * All rights reserved.
 *
 * Redistribution and use in source and binary forms, with or without
 * modification, are permitted provided that the following conditions are met:
 *
 *   - Redistributions of source code must retain the above copyright
 *     notice, this list of conditions and the following disclaimer.
 *   - Redistributions in binary form must reproduce the above
 *     copyright notice, this list of conditions and the following
 *     disclaimer in the documentation and/or other materials provided
 *     with the distribution.
 *   - Neither the name of the author nor the names of its contributors
 *     may be used to endorse or promote products derived from this
 *     software without specific prior written permission.
 *
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
 * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
 * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
 * ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE
 * LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
 * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
 * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
 * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
 * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
 * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
 * POSSIBILITY OF SUCH DAMAGE.
 */
jQuery.extend(jQuery.roundabout_shape,{theJuggler:function(r,a,t){return{x:Math.sin(r+a),y:Math.tan(Math.exp(Math.log(r))+a)/(t-1),z:(Math.cos(r+a)+1)/2,scale:(Math.sin(r+Math.PI/2+a)/2)+0.5}},figure8:function(r,a,t){return{x:Math.sin(r*2+a),y:(Math.sin(r+Math.PI/2+a)/8)*t,z:(Math.cos(r+a)+1)/2,scale:(Math.sin(r+Math.PI/2+a)/2)+0.5}},waterWheel:function(r,a,t){return{x:(Math.sin(r+Math.PI/2+a)/8)*t,y:Math.sin(r+a)/(Math.PI/2),z:(Math.cos(r+a)+1)/2,scale:(Math.sin(r+Math.PI/2+a)/2)+0.5}},square:function(r,a,t){var sq_x,sq_y,sq_z;if(r<=Math.PI/2){sq_x=(2/Math.PI)*r;sq_y=-(2/Math.PI)*r+1;sq_z=-(1/Math.PI)*r+1}else if(r>Math.PI/2&&r<=Math.PI){sq_x=-(2/Math.PI)*r+2;sq_y=-(2/Math.PI)*r+1;sq_z=-(1/Math.PI)*r+1}else if(r>Math.PI&&r<=(3*Math.PI)/2){sq_x=-(2/Math.PI)*r+2;sq_y=(2/Math.PI)*r-3;sq_z=(1/Math.PI)*r-1}else{sq_x=(2/Math.PI)*r-4;sq_y=(2/Math.PI)*r-3;sq_z=(1/Math.PI)*r-1}return{x:sq_x,y:sq_y*t,z:sq_z,scale:sq_z}},conveyorBeltLeft:function(r,a,t){return{x:-Math.cos(r+a),y:(Math.cos(r+3*Math.PI/2+a)/8)*t,z:(Math.sin(r+a)+1)/2,scale:(Math.sin(r+Math.PI/2+a)/2)+0.5}},conveyorBeltRight:function(r,a,t){return{x:Math.cos(r+a),y:(Math.cos(r+3*Math.PI/2+a)/8)*t,z:(Math.sin(r+a)+1)/2,scale:(Math.sin(r+Math.PI/2+a)/2)+0.5}},goodbyeCruelWorld:function(r,a,t){return{x:Math.sin(r+a),y:(Math.tan(r+3*Math.PI/2+a)/8)*(t+0.5),z:(Math.sin(r+a)+1)/2,scale:(Math.sin(r+Math.PI/2+a)/2)+0.5}},diagonalRingLeft:function(r,a,t){return{x:Math.sin(r+a),y:-Math.cos(r+Math.tan(Math.cos(a)))/(t+1.5),z:(Math.cos(r+a)+1)/2,scale:(Math.sin(r+Math.PI/2+a)/2)+0.5}},diagonalRingRight:function(r,a,t){return{x:Math.sin(r+a),y:Math.cos(r+Math.tan(Math.cos(a)))/(t+1.5),z:(Math.cos(r+a)+1)/2,scale:(Math.sin(r+Math.PI/2+a)/2)+0.5}},rollerCoaster:function(r,a,t){return{x:Math.sin(r+a),y:Math.sin((2+t)*r),z:(Math.cos(r+a)+1)/2,scale:(Math.sin(r+Math.PI/2+a)/2)+0.5}},tearDrop:function(r,a,t){return{x:Math.sin(r+a),y:-Math.sin(r/2+t)+0.35,z:(Math.cos(r+a)+1)/2,scale:(Math.sin(r+Math.PI/2+a)/2)+0.5}}});

Код:
/**
 * jQuery Roundabout - v1.1
 * http://fredhq.com/projects/roundabout/
 *
 * Moves list-items of enabled ordered and unordered lists long
 * a chosen path. Includes the default "lazySusan" path, that
 * moves items long a spinning turntable.
 *
 * Terms of Use // jQuery Roundabout
 *
 * Open source under the BSD license
 *
 * Copyright (c) 2010, Fred LeBlanc
 * All rights reserved.
 *
 * Redistribution and use in source and binary forms, with or without
 * modification, are permitted provided that the following conditions are met:
 *
 *   - Redistributions of source code must retain the above copyright
 *     notice, this list of conditions and the following disclaimer.
 *   - Redistributions in binary form must reproduce the above
 *     copyright notice, this list of conditions and the following
 *     disclaimer in the documentation and/or other materials provided
 *     with the distribution.
 *   - Neither the name of the author nor the names of its contributors
 *     may be used to endorse or promote products derived from this
 *     software without specific prior written permission.
 *
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
 * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
 * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
 * ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE
 * LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
 * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
 * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
 * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
 * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
 * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
 * POSSIBILITY OF SUCH DAMAGE.
 */

jQuery.extend({roundabout_shape:{def:'lazySusan',lazySusan:function(r,a,t){return{x:Math.sin(r+a),y:(Math.sin(r+3*Math.PI/2+a)/8)*t,z:(Math.cos(r+a)+1)/2,scale:(Math.sin(r+Math.PI/2+a)/2)+0.5}}}});jQuery.fn.roundabout=function(){var options=(typeof arguments[0]!='object')?{}:arguments[0];options={bearing:(typeof options.bearing=='undefined')?0.0:jQuery.roundabout_toFloat(options.bearing%360.0),tilt:(typeof options.tilt=='undefined')?0.0:jQuery.roundabout_toFloat(options.tilt),minZ:(typeof options.minZ=='undefined')?100:parseInt(options.minZ,10),maxZ:(typeof options.maxZ=='undefined')?400:parseInt(options.maxZ,10),minOpacity:(typeof options.minOpacity=='undefined')?0.40:jQuery.roundabout_toFloat(options.minOpacity),maxOpacity:(typeof options.maxOpacity=='undefined')?1.00:jQuery.roundabout_toFloat(options.maxOpacity),minScale:(typeof options.minScale=='undefined')?0.40:jQuery.roundabout_toFloat(options.minScale),maxScale:(typeof options.maxScale=='undefined')?1.00:jQuery.roundabout_toFloat(options.maxScale),duration:(typeof options.duration=='undefined')?600:parseInt(options.duration,10),btnNext:options.btnNext||null,btnPrev:options.btnPrev||null,easing:options.easing||'swing',clickToFocus:(options.clickToFocus!==false),focusBearing:(typeof options.focusBearing=='undefined')?0.0:jQuery.roundabout_toFloat(options.focusBearing%360.0),shape:options.shape||'lazySusan',debug:options.debug||false,childSelector:options.childSelector||'li',startingChild:(typeof options.startingChild=='undefined')?null:parseInt(options.startingChild,10),reflect:(typeof options.reflect=='undefined'||options.reflect===false)?false:true};this.each(function(i){var ref=jQuery(this);var period=jQuery.roundabout_toFloat(360.0/ref.children(options.childSelector).length);var startingBearing=(options.startingChild===null)?options.bearing:options.startingChild*period;ref.addClass('roundabout-holder').css('padding',0).css('position','relative').css('z-index',options.minZ);ref.data('roundabout',{'bearing':startingBearing,'tilt':options.tilt,'minZ':options.minZ,'maxZ':options.maxZ,'minOpacity':options.minOpacity,'maxOpacity':options.maxOpacity,'minScale':options.minScale,'maxScale':options.maxScale,'duration':options.duration,'easing':options.easing,'clickToFocus':options.clickToFocus,'focusBearing':options.focusBearing,'animating':0,'childInFocus':-1,'shape':options.shape,'period':period,'debug':options.debug,'childSelector':options.childSelector,'reflect':options.reflect});if(options.clickToFocus===true){ref.children(options.childSelector).each(function(i){jQuery(this).click(function(e){var degrees=(options.reflect===true)?360.0-(period*i):period*i;degrees=jQuery.roundabout_toFloat(degrees);if(!jQuery.roundabout_isInFocus(ref,degrees)){e.preventDefault();if(ref.data('roundabout').animating===0){ref.roundabout_animateAngleToFocus(degrees)}return false}})})}if(options.btnNext){jQuery(options.btnNext).bind('click.roundabout',function(e){e.preventDefault();if(ref.data('roundabout').animating===0){ref.roundabout_animateToNextChild()}return false})}if(options.btnPrev){jQuery(options.btnPrev).bind('click.roundabout',function(e){e.preventDefault();if(ref.data('roundabout').animating===0){ref.roundabout_animateToPreviousChild()}return false})}});this.roundabout_startChildren();if(typeof arguments[1]==='function'){var callback=arguments[1],ref=this;setTimeout(function(){callback(ref)},0)}return this};jQuery.fn.roundabout_startChildren=function(){this.each(function(i){var ref=jQuery(this);var data=ref.data('roundabout');var children=ref.children(data.childSelector);children.each(function(i){var degrees=(data.reflect===true)?360.0-(data.period*i):data.period*i;jQuery(this).addClass('roundabout-moveable-item').css('position','absolute');jQuery(this).data('roundabout',{'startWidth':jQuery(this).width(),'startHeight':jQuery(this).height(),'startFontSize':parseInt(jQuery(this).css('font-size'),10),'degrees':degrees})});ref.roundabout_updateChildPositions()});return this};jQuery.fn.roundabout_setTilt=function(newTilt){this.each(function(i){jQuery(this).data('roundabout').tilt=newTilt;jQuery(this).roundabout_updateChildPositions()});if(typeof arguments[1]==='function'){var callback=arguments[1],ref=this;setTimeout(function(){callback(ref)},0)}return this};jQuery.fn.roundabout_setBearing=function(newBearing){this.each(function(i){jQuery(this).data('roundabout').bearing=jQuery.roundabout_toFloat(newBearing%360,2);jQuery(this).roundabout_updateChildPositions()});if(typeof arguments[1]==='function'){var callback=arguments[1],ref=this;setTimeout(function(){callback(ref)},0)}return this};jQuery.fn.roundabout_adjustBearing=function(delta){delta=jQuery.roundabout_toFloat(delta);if(delta!==0){this.each(function(i){jQuery(this).data('roundabout').bearing=jQuery.roundabout_getBearing(jQuery(this))+delta;jQuery(this).roundabout_updateChildPositions()})}if(typeof arguments[1]==='function'){var callback=arguments[1],ref=this;setTimeout(function(){callback(ref)},0)}return this};jQuery.fn.roundabout_adjustTilt=function(delta){delta=jQuery.roundabout_toFloat(delta);if(delta!==0){this.each(function(i){jQuery(this).data('roundabout').tilt=jQuery.roundabout_toFloat(jQuery(this).roundabout_get('tilt')+delta);jQuery(this).roundabout_updateChildPositions()})}if(typeof arguments[1]==='function'){var callback=arguments[1],ref=this;setTimeout(function(){callback(ref)},0)}return this};jQuery.fn.roundabout_animateToBearing=function(bearing){bearing=jQuery.roundabout_toFloat(bearing);var currentTime=new Date();var duration=(typeof arguments[1]=='undefined')?null:arguments[1];var easingType=(typeof arguments[2]=='undefined')?null:arguments[2];var passedData=(typeof arguments[3]!=='object')?null:arguments[3];this.each(function(i){var ref=jQuery(this),data=ref.data('roundabout'),timer,easingFn,newBearing;var thisDuration=(duration===null)?data.duration:duration;var thisEasingType=(easingType!==null)?easingType:data.easing||'swing';if(passedData===null){passedData={timerStart:currentTime,start:jQuery.roundabout_getBearing(ref),totalTime:thisDuration}}timer=currentTime-passedData.timerStart;if(timer<thisDuration){data.animating=1;if(typeof jQuery.easing.def=='string'){easingFn=jQuery.easing[thisEasingType]||jQuery.easing[jQuery.easing.def];newBearing=easingFn(null,timer,passedData.start,bearing-passedData.start,passedData.totalTime)}else{newBearing=jQuery.easing[thisEasingType]((timer/passedData.totalTime),timer,passedData.start,bearing-passedData.start,passedData.totalTime)}ref.roundabout_setBearing(newBearing,function(){ref.roundabout_animateToBearing(bearing,thisDuration,thisEasingType,passedData)})}else{bearing=(bearing<0)?bearing+360:bearing%360;data.animating=0;ref.roundabout_setBearing(bearing)}});return this};jQuery.fn.roundabout_animateToDelta=function(delta){var duration=arguments[1],easing=arguments[2];this.each(function(i){delta=jQuery.roundabout_getBearing(jQuery(this))+jQuery.roundabout_toFloat(delta);jQuery(this).roundabout_animateToBearing(delta,duration,easing)});return this};jQuery.fn.roundabout_animateToChild=function(childPos){var duration=arguments[1],easing=arguments[2];this.each(function(i){var ref=jQuery(this),data=ref.data('roundabout');if(data.childInFocus!==childPos&&data.animating===0){var child=jQuery(ref.children(data.childSelector)[childPos]);ref.roundabout_animateAngleToFocus(child.data('roundabout').degrees,duration,easing)}});return this};jQuery.fn.roundabout_animateToNearbyChild=function(passedArgs,which){var duration=passedArgs[0],easing=passedArgs[1];this.each(function(i){var data=jQuery(this).data('roundabout');var bearing=jQuery.roundabout_toFloat(360.0-jQuery.roundabout_getBearing(jQuery(this)));var period=data.period,j=0,range;var reflect=data.reflect;var length=jQuery(this).children(data.childSelector).length;bearing=(reflect===true)?bearing%360.0:bearing;if(data.animating===0){if((reflect===false&&which==='next')||(reflect===true&&which!=='next')){bearing=(bearing===0)?360:bearing;while(true&&j<length){range={lower:jQuery.roundabout_toFloat(period*j),upper:jQuery.roundabout_toFloat(period*(j+1))};range.upper=(j==length-1)?360.0:range.upper;if(bearing<=range.upper&&bearing>range.lower){jQuery(this).roundabout_animateToDelta(bearing-range.lower,duration,easing);break}j++}}else{while(true){range={lower:jQuery.roundabout_toFloat(period*j),upper:jQuery.roundabout_toFloat(period*(j+1))};range.upper=(j==length-1)?360.0:range.upper;if(bearing>=range.lower&&bearing<range.upper){jQuery(this).roundabout_animateToDelta(bearing-range.upper,duration,easing);break}j++}}}});return this};jQuery.fn.roundabout_animateToNextChild=function(){return this.roundabout_animateToNearbyChild(arguments,'next')};jQuery.fn.roundabout_animateToPreviousChild=function(){return this.roundabout_animateToNearbyChild(arguments,'previous')};jQuery.fn.roundabout_animateAngleToFocus=function(target){var duration=arguments[1],easing=arguments[2];this.each(function(i){var delta=jQuery.roundabout_getBearing(jQuery(this))-target;delta=(Math.abs(360.0-delta)<Math.abs(0.0-delta))?360.0-delta:0.0-delta;delta=(delta>180)?-(360.0-delta):delta;if(delta!==0){jQuery(this).roundabout_animateToDelta(delta,duration,easing)}});return this};jQuery.fn.roundabout_updateChildPositions=function(){this.each(function(i){var ref=jQuery(this),data=ref.data('roundabout');var inFocus=-1;var info={bearing:jQuery.roundabout_getBearing(ref),tilt:data.tilt,stage:{width:Math.floor(ref.width()*0.9),height:Math.floor(ref.height()*0.9)},animating:data.animating,inFocus:data.childInFocus,focusBearingRad:jQuery.roundabout_degToRad(data.focusBearing),shape:jQuery.roundabout_shape[data.shape]||jQuery.roundabout_shape[jQuery.roundabout_shape.def]};info.midStage={width:info.stage.width/2,height:info.stage.height/2};info.nudge={width:info.midStage.width+info.stage.width*0.05,height:info.midStage.height+info.stage.height*0.05};info.zValues={min:data.minZ,max:data.maxZ,diff:data.maxZ-data.minZ};info.opacity={min:data.minOpacity,max:data.maxOpacity,diff:data.maxOpacity-data.minOpacity};info.scale={min:data.minScale,max:data.maxScale,diff:data.maxScale-data.minScale};ref.children(data.childSelector).each(function(i){if(jQuery.roundabout_updateChildPosition(jQuery(this),ref,info,i)&&info.animating===0){inFocus=i;jQuery(this).addClass('roundabout-in-focus')}else{jQuery(this).removeClass('roundabout-in-focus')}});if(inFocus!==info.inFocus){jQuery.roundabout_triggerEvent(ref,info.inFocus,'blur');if(inFocus!==-1){jQuery.roundabout_triggerEvent(ref,inFocus,'focus')}data.childInFocus=inFocus}});return this};jQuery.roundabout_getBearing=function(el){return jQuery.roundabout_toFloat(el.data('roundabout').bearing)%360};jQuery.roundabout_degToRad=function(degrees){return(degrees%360.0)*Math.PI/180.0};jQuery.roundabout_isInFocus=function(el,target){return(jQuery.roundabout_getBearing(el)%360===(target%360))};jQuery.roundabout_triggerEvent=function(el,child,eventType){return(child<0)?this:jQuery(el.children(el.data('roundabout').childSelector)[child]).trigger(eventType)};jQuery.roundabout_toFloat=function(number){number=Math.round(parseFloat(number)*1000)/1000;return parseFloat(number.toFixed(2))};jQuery.roundabout_updateChildPosition=function(child,container,info,childPos){var ref=jQuery(child),data=ref.data('roundabout'),out=[];var rad=jQuery.roundabout_degToRad((360.0-ref.data('roundabout').degrees)+info.bearing);while(rad<0){rad=rad+Math.PI*2}while(rad>Math.PI*2){rad=rad-Math.PI*2}var factors=info.shape(rad,info.focusBearingRad,info.tilt);factors.scale=(factors.scale>1)?1:factors.scale;factors.adjustedScale=(info.scale.min+(info.scale.diff*factors.scale)).toFixed(4);factors.width=(factors.adjustedScale*data.startWidth).toFixed(4);factors.height=(factors.adjustedScale*data.startHeight).toFixed(4);ref.css('left',((factors.x*info.midStage.width+info.nudge.width)-factors.width/2.0).toFixed(1)+'px').css('top',((factors.y*info.midStage.height+info.nudge.height)-factors.height/2.0).toFixed(1)+'px').css('width',factors.width+'px').css('height',factors.height+'px').css('opacity',(info.opacity.min+(info.opacity.diff*factors.scale)).toFixed(2)).css('z-index',Math.round(info.zValues.min+(info.zValues.diff*factors.z))).css('font-size',(factors.adjustedScale*data.startFontSize).toFixed(2)+'px').attr('current-scale',factors.adjustedScale);if(container.data('roundabout').debug===true){out.push('<div style="font-weight: normal; font-size: 10px; padding: 2px; width: '+ref.css('width')+'; background-color: #ffc;">');out.push('<strong style="font-size: 12px; white-space: nowrap;">Child '+childPos+'</strong><br />');out.push('<strong>left:</strong> '+ref.css('left')+'<br /><strong>top:</strong> '+ref.css('top')+'<br />');out.push('<strong>width:</strong> '+ref.css('width')+'<br /><strong>opacity:</strong> '+ref.css('opacity')+'<br />');out.push('<strong>z-index:</strong> '+ref.css('z-index')+'<br /><strong>font-size:</strong> '+ref.css('font-size')+'<br />');out.push('<strong>scale:</strong> '+ref.attr('current-scale'));out.push('</div>');ref.html(out.join(''))}return jQuery.roundabout_isInFocus(container,ref.data('roundabout').degrees)};

Код:
/*
 * jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
 *
 * Uses the built in easing capabilities added In jQuery 1.1
 * to offer multiple easing options
 *
 * TERMS OF USE - jQuery Easing
 *
 * Open source under the BSD License.
 *
 * Copyright © 2008 George McGinley Smith
 * All rights reserved.
 *
 * Redistribution and use in source and binary forms, with or without modification,
 * are permitted provided that the following conditions are met:
 *
 * Redistributions of source code must retain the above copyright notice, this list of
 * conditions and the following disclaimer.
 * Redistributions in binary form must reproduce the above copyright notice, this list
 * of conditions and the following disclaimer in the documentation and/or other materials
 * provided with the distribution.
 *
 * Neither the name of the author nor the names of contributors may be used to endorse
 * or promote products derived from this software without specific prior written permission.
 *
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
 * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
 * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
 *  COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
 *  EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
 *  GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
 * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
 *  NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
 * OF THE POSSIBILITY OF SUCH DAMAGE.
 *
*/

// t: current time, b: begInnIng value, c: change In value, d: duration
jQuery.easing['jswing'] = jQuery.easing['swing'];

jQuery.extend( jQuery.easing,
{
 def: 'easeOutQuad',
 swing: function (x, t, b, c, d) {
 //alert(jQuery.easing.default);
 return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
 },
 easeInQuad: function (x, t, b, c, d) {
 return c*(t/=d)*t + b;
 },
 easeOutQuad: function (x, t, b, c, d) {
 return -c *(t/=d)*(t-2) + b;
 },
 easeInOutQuad: function (x, t, b, c, d) {
 if ((t/=d/2) < 1) return c/2*t*t + b;
 return -c/2 * ((--t)*(t-2) - 1) + b;
 },
 easeInCubic: function (x, t, b, c, d) {
 return c*(t/=d)*t*t + b;
 },
 easeOutCubic: function (x, t, b, c, d) {
 return c*((t=t/d-1)*t*t + 1) + b;
 },
 easeInOutCubic: function (x, t, b, c, d) {
 if ((t/=d/2) < 1) return c/2*t*t*t + b;
 return c/2*((t-=2)*t*t + 2) + b;
 },
 easeInQuart: function (x, t, b, c, d) {
 return c*(t/=d)*t*t*t + b;
 },
 easeOutQuart: function (x, t, b, c, d) {
 return -c * ((t=t/d-1)*t*t*t - 1) + b;
 },
 easeInOutQuart: function (x, t, b, c, d) {
 if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
 return -c/2 * ((t-=2)*t*t*t - 2) + b;
 },
 easeInQuint: function (x, t, b, c, d) {
 return c*(t/=d)*t*t*t*t + b;
 },
 easeOutQuint: function (x, t, b, c, d) {
 return c*((t=t/d-1)*t*t*t*t + 1) + b;
 },
 easeInOutQuint: function (x, t, b, c, d) {
 if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
 return c/2*((t-=2)*t*t*t*t + 2) + b;
 },
 easeInSine: function (x, t, b, c, d) {
 return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
 },
 easeOutSine: function (x, t, b, c, d) {
 return c * Math.sin(t/d * (Math.PI/2)) + b;
 },
 easeInOutSine: function (x, t, b, c, d) {
 return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
 },
 easeInExpo: function (x, t, b, c, d) {
 return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
 },
 easeOutExpo: function (x, t, b, c, d) {
 return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
 },
 easeInOutExpo: function (x, t, b, c, d) {
 if (t==0) return b;
 if (t==d) return b+c;
 if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
 return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
 },
 easeInCirc: function (x, t, b, c, d) {
 return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
 },
 easeOutCirc: function (x, t, b, c, d) {
 return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
 },
 easeInOutCirc: function (x, t, b, c, d) {
 if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
 return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
 },
 easeInElastic: function (x, t, b, c, d) {
 var s=1.70158;var p=0;var a=c;
 if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
 if (a < Math.abs(c)) { a=c; var s=p/4; }
 else var s = p/(2*Math.PI) * Math.asin (c/a);
 return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
 },
 easeOutElastic: function (x, t, b, c, d) {
 var s=1.70158;var p=0;var a=c;
 if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
 if (a < Math.abs(c)) { a=c; var s=p/4; }
 else var s = p/(2*Math.PI) * Math.asin (c/a);
 return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
 },
 easeInOutElastic: function (x, t, b, c, d) {
 var s=1.70158;var p=0;var a=c;
 if (t==0) return b;  if ((t/=d/2)==2) return b+c;  if (!p) p=d*(.3*1.5);
 if (a < Math.abs(c)) { a=c; var s=p/4; }
 else var s = p/(2*Math.PI) * Math.asin (c/a);
 if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
 return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
 },
 easeInBack: function (x, t, b, c, d, s) {
 if (s == undefined) s = 1.70158;
 return c*(t/=d)*t*((s+1)*t - s) + b;
 },
 easeOutBack: function (x, t, b, c, d, s) {
 if (s == undefined) s = 1.70158;
 return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
 },
 easeInOutBack: function (x, t, b, c, d, s) {
 if (s == undefined) s = 1.70158;
 if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
 return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
 },
 easeInBounce: function (x, t, b, c, d) {
 return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
 },
 easeOutBounce: function (x, t, b, c, d) {
 if ((t/=d) < (1/2.75)) {
 return c*(7.5625*t*t) + b;
 } else if (t < (2/2.75)) {
 return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
 } else if (t < (2.5/2.75)) {
 return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
 } else {
 return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
 }
 },
 easeInOutBounce: function (x, t, b, c, d) {
 if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
 return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
 }
});

/*
 *
 * TERMS OF USE - EASING EQUATIONS
 *
 * Open source under the BSD License.
 *
 * Copyright © 2001 Robert Penner
 * All rights reserved.
 *
 * Redistribution and use in source and binary forms, with or without modification,
 * are permitted provided that the following conditions are met:
 *
 * Redistributions of source code must retain the above copyright notice, this list of
 * conditions and the following disclaimer.
 * Redistributions in binary form must reproduce the above copyright notice, this list
 * of conditions and the following disclaimer in the documentation and/or other materials
 * provided with the distribution.
 *
 * Neither the name of the author nor the names of contributors may be used to endorse
 * or promote products derived from this software without specific prior written permission.
 *
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
 * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
 * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
 *  COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
 *  EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
 *  GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
 * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
 *  NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
 * OF THE POSSIBILITY OF SUCH DAMAGE.
 *
 */
И к чему это было все написано? Что бы я давал все скрипты по указке? Так это не моя задача. Я тут чисто ради помощи, а помогаю я индивидуально каждому человеку, но никак не мечусь выкладывать подряд все скрипты которые не работают чисто по указке человека дающего совет устраивать флуд.

Da Vinchi
 
 

Пол : Мужчина
Сообщения : 152
Возраст : 35
Карма : Без предупреждений
Благодарности : 169
Регистрация : 2016-04-07

http://help.forum2x2.ru/

Вернуться к началу Перейти вниз

Important Re: Перестала внезапно работать Всплывающая панель

Сообщение автор Xan_Kriegor в Чт 21 Июл - 4:00

@Da Vinchi пишет:Дети мои. Дядя Винчи как обычно приходит на помощь.
Ваш код
Код:
<!— Выплывающая панель -->
<!--[if lte IE 6]>
<script type="text/javascript" src="http://www.patmax.eu/J1/120627192954.js"></script>
<![endif]-->
<!-- Sliding effect -->
<script src="http://www.patmax.eu/J1/120627193037.js" type="text/javascript"></script>
Разбиваем на 2 скрипта.
Код:
<script type="text/javascript" src="http://www.patmax.eu/J1/120627192954.js"></script>
и
Код:
<script src="http://www.patmax.eu/J1/120627193037.js" type="text/javascript"></script>
Первый скрипт вот
Код:
$(document).ready(function() {
   
   // Expand Panel
   $("#open").click(function(){
      $("div#panel").slideDown("slow");
   
   });   
   
   // Collapse Panel
   $("#close").click(function(){
      $("div#panel").slideUp("slow");   
   });      
   
   // Switch buttons from "Log In | Register" to "Close Panel" on click
   $("#toggle a").click(function () {
      $("#toggle a").toggle();
   });      
      
});
Второй скрипт вот
Код:
$(document).ready(function() {
   
   // Expand Panel
   $("#open").click(function(){
      $("div#panel").slideDown("slow");
   
   });   
   
   // Collapse Panel
   $("#close").click(function(){
      $("div#panel").slideUp("slow");   
   });      
   
   // Switch buttons from "Log In | Register" to "Close Panel" on click
   $("#toggle a").click(function () {
      $("#toggle a").toggle();
   });      
      
});
Поставил - не работает все равно, более того, в верхней части страницы появляется куча текста (т. е. скрипт в текстовом виде вылезает сверху).

Xan_Kriegor
 
 

Сообщения : 998
Возраст : 33
Карма : Без предупреждений
Благодарности : 13
Регистрация : 2013-09-18

http://www.residentevilarena.com

Вернуться к началу Перейти вниз

Important Re: Перестала внезапно работать Всплывающая панель

Сообщение автор Xan_Kriegor в Чт 21 Июл - 4:14

А все стоп стоп стоп - разобрался. Я удалил из шаблона «overall_header» вот этот кусок:
Код:
<!— Выплывающая панель -->
<!--[if lte IE 6]>
<script type="text/javascript" src="http://www.patmax.eu/J1/120627192954.js"></script>
<![endif]-->
<!-- Sliding effect -->
<script src="http://www.patmax.eu/J1/120627193037.js" type="text/javascript"></script>

Далее - Модули - Управление кодами Javascript и создал 2 скрипта:
1. Открытие верхней панели:
Код:
$(document).ready(function() {
  
   // Expand Panel
   $("#open").click(function(){
      $("div#panel").slideDown("slow");
  
   });  
  
   // Collapse Panel
   $("#close").click(function(){
      $("div#panel").slideUp("slow");  
   });      
  
   // Switch buttons from "Log In | Register" to "Close Panel" on click
   $("#toggle a").click(function () {
      $("#toggle a").toggle();
   });      
      
});

$(document).ready(function() {
  
   // Expand Panel
   $("#open").click(function(){
      $("div#panel").slideDown("slow");
  
   });  
  
   // Collapse Panel
   $("#close").click(function(){
      $("div#panel").slideUp("slow");  
   });      
  
   // Switch buttons from "Log In | Register" to "Close Panel" on click
   $("#toggle a").click(function () {
      $("#toggle a").toggle();
   });      
      
});

2. Закрытие верхней панели:
Код:
$(document).ready(function() {
  
   // Expand Panel
   $("#open").click(function(){
      $("div#panel").slideDown("slow");
  
   });  
  
   // Collapse Panel
   $("#close").click(function(){
      $("div#panel").slideUp("slow");  
   });      
  
   // Switch buttons from "Log In | Register" to "Close Panel" on click
   $("#toggle a").click(function () {
      $("#toggle a").toggle();
   });      
      
});

В настройках выбрал - отображать на всех страницах. Все заработало! Не знаю почему, но заработало именно так.

Da Vinchi, 13 тебе амиго ОГРОМНОЕ!!! Всех тебе благ! good

Xan_Kriegor
 
 

Сообщения : 998
Возраст : 33
Карма : Без предупреждений
Благодарности : 13
Регистрация : 2013-09-18

http://www.residentevilarena.com

Вернуться к началу Перейти вниз

Important Re: Перестала внезапно работать Всплывающая панель

Сообщение автор Da Vinchi в Чт 21 Июл - 9:06

@Xan_Kriegor пишет:А все стоп стоп стоп - разобрался. Я удалил из шаблона «overall_header» вот этот кусок:
Код:
<!— Выплывающая панель -->
<!--[if lte IE 6]>
<script type="text/javascript" src="http://www.patmax.eu/J1/120627192954.js"></script>
<![endif]-->
<!-- Sliding effect -->
<script src="http://www.patmax.eu/J1/120627193037.js" type="text/javascript"></script>

Далее - Модули - Управление кодами Javascript и создал 2 скрипта:
1. Открытие верхней панели:
Код:
$(document).ready(function() {
  
   // Expand Panel
   $("#open").click(function(){
      $("div#panel").slideDown("slow");
  
   });  
  
   // Collapse Panel
   $("#close").click(function(){
      $("div#panel").slideUp("slow");  
   });      
  
   // Switch buttons from "Log In | Register" to "Close Panel" on click
   $("#toggle a").click(function () {
      $("#toggle a").toggle();
   });      
      
});

$(document).ready(function() {
  
   // Expand Panel
   $("#open").click(function(){
      $("div#panel").slideDown("slow");
  
   });  
  
   // Collapse Panel
   $("#close").click(function(){
      $("div#panel").slideUp("slow");  
   });      
  
   // Switch buttons from "Log In | Register" to "Close Panel" on click
   $("#toggle a").click(function () {
      $("#toggle a").toggle();
   });      
      
});

2. Закрытие верхней панели:
Код:
$(document).ready(function() {
  
   // Expand Panel
   $("#open").click(function(){
      $("div#panel").slideDown("slow");
  
   });  
  
   // Collapse Panel
   $("#close").click(function(){
      $("div#panel").slideUp("slow");  
   });      
  
   // Switch buttons from "Log In | Register" to "Close Panel" on click
   $("#toggle a").click(function () {
      $("#toggle a").toggle();
   });      
      
});

В настройках выбрал - отображать на всех страницах. Все заработало! Не знаю почему, но заработало именно так.

Da Vinchi, 13 тебе амиго ОГРОМНОЕ!!! Всех тебе благ! good

Заработало потому что правильно сделано было. Я не стал все шаги расписывать, думал это на подсознательном уровне все.

Da Vinchi
 
 

Пол : Мужчина
Сообщения : 152
Возраст : 35
Карма : Без предупреждений
Благодарности : 169
Регистрация : 2016-04-07

http://help.forum2x2.ru/

Вернуться к началу Перейти вниз

Important Re: Перестала внезапно работать Всплывающая панель

Сообщение автор Xan_Kriegor в Чт 21 Июл - 13:19

Da Vinchi, Да, но правда мне пришлось в первый скрипт (открытие панели) добавить сразу оба.
Т. е. вот так:
$(document).ready(function() {
 
  // Expand Panel
  $("#open").click(function(){
     $("div#panel").slideDown("slow");
 
  });  
 
  // Collapse Panel
  $("#close").click(function(){
     $("div#panel").slideUp("slow");  
  });      
 
  // Switch buttons from "Log In | Register" to "Close Panel" on click
  $("#toggle a").click(function () {
     $("#toggle a").toggle();
  });      
     
});

$(document).ready(function() {
 
  // Expand Panel
  $("#open").click(function(){
     $("div#panel").slideDown("slow");
 
  });  
 
  // Collapse Panel
  $("#close").click(function(){
     $("div#panel").slideUp("slow");  
  });      
 
  // Switch buttons from "Log In | Register" to "Close Panel" on click
  $("#toggle a").click(function () {
     $("#toggle a").toggle();
  });      
     
});
И первый и второй скрипт в одном. Это открытие.

Второй скрипт (закрытие панели) сделал так, как ты и писал:
$(document).ready(function() {
 
  // Expand Panel
  $("#open").click(function(){
     $("div#panel").slideDown("slow");
 
  });  
 
  // Collapse Panel
  $("#close").click(function(){
     $("div#panel").slideUp("slow");  
  });      
 
  // Switch buttons from "Log In | Register" to "Close Panel" on click
  $("#toggle a").click(function () {
     $("#toggle a").toggle();
  });      
     
});

$(document).ready(function() {
 
  // Expand Panel
  $("#open").click(function(){
     $("div#panel").slideDown("slow");
 
  });  
 
  // Collapse Panel
  $("#close").click(function(){
     $("div#panel").slideUp("slow");  
  });      
 
  // Switch buttons from "Log In | Register" to "Close Panel" on click
  $("#toggle a").click(function () {
     $("#toggle a").toggle();
  });      
     
});

Панелька заработала, только теперь чуууууть-чуть притормаживает на главной форума, но в целом все ок.

Скажи плиз, все ли я правильно сделал, или можно сделать как-то по другому, чтобы было меньше нагрузки на сайт и она открывалась бы быстрее?

Да и вот еще коротенький вопросик:
Можно ли зафиксировать данную панель в открытом состоянии и убрать кнопку "Открыть/Закрыть"?

Xan_Kriegor
 
 

Сообщения : 998
Возраст : 33
Карма : Без предупреждений
Благодарности : 13
Регистрация : 2013-09-18

http://www.residentevilarena.com

Вернуться к началу Перейти вниз

Important Re: Перестала внезапно работать Всплывающая панель

Сообщение автор tkir1 в Чт 21 Июл - 13:36

Da Vinchi, Pella, спасибо!
@Pella пишет:У меня сохранена Карусель картинок - Вариант №2

спасибо, карусэль теръ работает, только, у меня был вариант не второй, но похожий - тоже зараза сломалась с этим псевдо-хостингом  . залил на свой хост. терь отпадъ)))) работает класс, спасибо большое!

@Xan_Kriegor пишет:Панелька заработала, только теперь чуууууть-чуть притормаживает на главной форума
это она не притормаживает, там типа эффект плавности, у меня так же... или может это Da Vinchi код менял по своему усмотрению))

tkir1
Новичок

Сообщения : 7
Возраст : 36
Карма : Без предупреждений
Благодарности : 1
Регистрация : 2016-07-13

http://imagiart.ru/

Вернуться к началу Перейти вниз

Important Re: Перестала внезапно работать Всплывающая панель

Сообщение автор Pella в Чт 21 Июл - 15:30

@Da Vinchi пишет:Так это не моя задача
@Da Vinchi пишет:но никак не мечусь выкладывать подряд все скрипты.

Так я вас и не призывала "выкладывать подряд все скрипты" biggrin

Спойлер:
и ни в коем случае не предполагала что вы так можете так трактовать мой пост.
Я же к вам не обращалась и не цитировала. Только похвалила за вашу помощь. Да.

Я опубликовала проблему и причину этой проблемы, и дополнительно частичное решение, касательно карусели.

-----------------------------------------------------------------------

Возможно у кого-нибудь были сохранены данные скрипты или их аналоги.
В связи с тем, что хостинг www.patmax.eu удалил все скрипты залитые на него,
на форумах будет подобие военной ситуации 32 Хотелось бы этого избежать.

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

@tkir1 пишет:работает класс, спасибо большое!

Не за что. Обращайтесь good_luck

@Pella пишет:Эффект переливающихся ссылок

Нашла решение и альтернативный код.

Шаблон overall_footer_end
В конец перед </html> вставляем

<script type="text/javascript" src="URL на скрипт"></script>

Спойлер:
если там стоит

Код:
[color=#3399ff]<script type="text/javascript">
LinkEndColor = 'FFFF00';
</script>
<script type="text/javascript" src="/J1/120404181600.js"></script>[/color]

то удаляем этот код

А сам скрипт вот:

Код:
function Wzwz(){var rate=20,eH=0,eS=128,eV=255,a,i=0,clrOrg,aZ,TimerID;
a=document.links;for(i in a){a[i].onmouseover=function(){clrOrg=this.style.color;aZ=this;TimerID=setInterval(time,100)};a[i].onmouseout=function(){clearInterval(TimerID);this.style.color=clrOrg}};a=document.links;for(i in a){a[i].onmouseover=function(){clrOrg=this.style.color;aZ=this;TimerID=setInterval(time,100)};a[i].onmouseout=function(){clearInterval(TimerID);this.style.color=clrOrg}};function time(){aZ.style.color=makeColor()};function makeColor(){if(eS==0){eR=eV;eG=eV;eB=eV}else{t1=eV;t2=(255-eS)*eV/255;t3=eH%60;t3=(t1-t2)*t3/60;if(eH<60){eR=t1;eB=t2;eG=t2+t3}else if(eH<120){eG=t1;eB=t2;eR=t1-t3}else if(eH<180){eG=t1;eR=t2;eB=t2+t3}else if(eH<240){eB=t1;eR=t2;eG=t1-t3}else if(eH<300){eB=t1;eG=t2;eR=t2+t3}else if(eH<360){eR=t1;eG=t2;eB=t1-t3}else{eR=0;eG=0;eB=0}}eR=Math.floor(eR);eG=Math.floor(eG);eB=Math.floor(eB);clrRGB='#'+eR.toString(16)+eG.toString(16)+eB.toString(16);eH=eH+rate;if(eH>=360)eH=0;return clrRGB;}};Wzwz()

Его можно залить в ПА>Модули>Javascript
Или на свой хостинг.

Pella
Новичок

Сообщения : 12
Возраст : 21
Место обитания : СПБ Город белых ночей
Карма : Без предупреждений
Благодарности : 17
Регистрация : 2016-06-18

http://help.forum2x2.ru/

Вернуться к началу Перейти вниз

Important Re: Перестала внезапно работать Всплывающая панель

Сообщение автор Xan_Kriegor в Чт 21 Июл - 18:25

@tkir1 пишет:это она не притормаживает, там типа эффект плавности, у меня так же... или может это Da Vinchi код менял по своему усмотрению))
Это я знаю. Я говорю о том, что на главной форума она у меня чуть дергается при открытии, как бы кадрами идет, а на др. страницах плавно.

Я хотел бы узнать, можно ли ее сделать ВСЕГДА открытой и убрать кнопку "Открыть/Закрыть"?

Xan_Kriegor
 
 

Сообщения : 998
Возраст : 33
Карма : Без предупреждений
Благодарности : 13
Регистрация : 2013-09-18

http://www.residentevilarena.com

Вернуться к началу Перейти вниз

Important Re: Перестала внезапно работать Всплывающая панель

Сообщение автор Da Vinchi в Чт 21 Июл - 18:46

@Xan_Kriegor пишет:Скажи плиз, все ли я правильно сделал, или можно сделать как-то по другому, чтобы было меньше нагрузки на сайт и она открывалась бы быстрее?

Да и вот еще коротенький вопросик:
Можно ли зафиксировать данную панель в открытом состоянии и убрать кнопку "Открыть/Закрыть"?
Можно:

1) Все JS вывести линками и в низ страницы.
2) Можно и зафиксировать и убрать, код основной в студию для этого.

@tkir1 пишет:
это она не притормаживает, там типа эффект плавности, у меня так же... или может это Da Vinchi код менял по своему усмотрению))
Не менял. Я JS пишу под конкретных людей, а заниматься переделкой чужого труда это неуважение к автору.

@Xan_Kriegor пишет:при открытии, как бы кадрами идет, а на др. страницах плавно.
На главной странице нагрузка выше. Как только кэш форума запомнит обновленный скрипт сразу все наладится.

Da Vinchi
 
 

Пол : Мужчина
Сообщения : 152
Возраст : 35
Карма : Без предупреждений
Благодарности : 169
Регистрация : 2016-04-07

http://help.forum2x2.ru/

Вернуться к началу Перейти вниз

Important Re: Перестала внезапно работать Всплывающая панель

Сообщение автор Xan_Kriegor в Чт 21 Июл - 19:12

Да, я бы хотел ее зафиксировать в открытом состоянии и убрать открывающую/закрывающую кнопку.
Вот код самой панели, который стоит в шаблоне overall_header:
Код:
<!— Выплывающая панель -->
<div id="toppanel">
  <div id="panel">
  <div class="content clearfix">
  <div class="center">
  <h2><a href="http://www.residentevilarena.com/t407-topic">Сотрудничество</a>&nbsp;·&nbsp;<a href="http://www.residentevilarena.com/t417-topic">Друзья сайта</a>&nbsp;·&nbsp;<a href="http://www.residentevilarena.com/buy-credits">Помощь сайту</a><img src="http://i39.servimg.com/u/f39/18/50/19/08/dduddd17.png"><a href="https://vk.com/club70557667">Вконтакте</a>&nbsp;·&nbsp;<a href="https://www.facebook.com/groups/residentevilarena/">Facebook</a>&nbsp;·&nbsp;<a href="http://www.odnoklassniki.ru/group/54367849152512">Одноклассники</a>&nbsp;·&nbsp;<a href="http://steamcommunity.com/groups/rearena">Steam</a></h2>
  </div>
  </div>
  </div>
<div class="tab">
        <ul class="login">
            <li class="left"> </li>
            <li id="toggle">
                <a id="open" class="open" href="#">Дополнительно▼</a>
                <a id="close" style="display: none;" class="close" href="#">Дополнительно▲</a>         
            </li>
            <li class="right"> </li>
        </ul>
    </div>
</div> 

Вот код, который стоит в CSS:
Код:
/* Верхняя панель */
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}

/* Panel Tab/button */
.tab {
background:url(http://i55.servimg.com/u/f55/18/50/19/08/tabblr11.png) repeat-x 0 0;
height:42px;
position:relative;
top:0;
z-index:999;
}

.tab ul.login {
display:block;
position:relative;
float:right;
clear:right;
height:42px;
width:auto;
line-height:42px;
right:20px;
color:#FFF;
font-size:11px;
font-family:verdana, arial, helvetica;
text-align:center;
margin:0;
}

.tab ul.login li.left {
background:url(http://i55.servimg.com/u/f55/18/50/19/08/122.png) no-repeat left 0;
height:42px;
width:30px;
display:block;
float:left;
margin:0;
padding:0;
}

.tab ul.login li.right {
background:url(http://i55.servimg.com/u/f55/18/50/19/08/223.png) no-repeat left 0;
height:42px;
width:30px;
display:block;
float:left;
margin:0;
padding:0;
}

.tab ul.login li {
text-align:left;
display:block;
float:left;
height:42px;
background:url(http://i55.servimg.com/u/f55/18/50/19/08/324.png) repeat-x 0 0;
padding:0 6px;
}

.tab ul.login li a {
color:#01A1DF;
}

.tab ul.login li a:hover {
color:#01A1DF;
}

.tab .sep {color:#414141}

.tab a.open,.tab a.close {
height:20px;
line-height:20px !important;
padding-left:30px !important;
cursor:pointer;
display:block;
width:100px;
position:relative;
top:10px;
}

.tab a.open {background:url(http://i55.servimg.com/u/f55/18/50/19/08/btopen10.png) no-repeat left 0;}
.tab a.close {background:url(http://i55.servimg.com/u/f55/18/50/19/08/btclos10.png) no-repeat left 0;}
.tab a:hover.open {background:url(http://i55.servimg.com/u/f55/18/50/19/08/btopen10.png) no-repeat left -19px;}
.tab a:hover.close {background:url(http://i55.servimg.com/u/f55/18/50/19/08/btclos10.png) no-repeat left -19px;}
/* sliding panel */
#toppanel {
position: absolute; /*Panel will overlap  content */
/*position: relative;*/ /*Panel will "push" the content down */
position: fixed;
top:0;
width:100%;
z-index:999;
text-align:center;
margin-left:auto;
margin-right:auto;
}

#panel {
width:100%;
height:auto;
color:#999;
background:#000000;
overflow:hidden;
position:relative;
z-index:3;
display:none;
}

#panel h1 {
font-size:1.6em;
color:#FFFFFF;
margin:0;
padding:5px 0 10px;
}

#panel h2 {
font-size:1.2em;
color:#FFFFFF;
margin:0;
padding:10px 0 5px;
}

#panel p {
margin:5px 0;
padding:0;
}

#panel a {
text-decoration:none;
color:#FFFFFF;
}

#panel a:hover {
color:#01A1DF;
}

#panel a-lost-pwd {
display:block;
float:left;
}

#panel .content {
width:960px;
padding-top:15px;
text-align:left;
font-size:8px;
font-family: verdana, arial, helvetica; 
margin:0 auto;
}

#panel .content .left {
width:280px;
float:left;
border-left:1px solid #000000;
padding:0 15px;
}

#panel .content .right {
border-right:1px solid #000000;
}

#panel .content form {
margin:0 0 10px 0;
}

#panel .content label {
float:left;
padding-top:8px;
clear:both;
width:280px;
display:block;
}

#panel .content input.field {
border:1px #1A1A1A solid;
background:#000000;
margin-right:5px;
margin-top:4px;
width:200px;
color:#FFF;
height:16px;
}

#panel .content input:focus.field {
background:#000000;
}

Xan_Kriegor
 
 

Сообщения : 998
Возраст : 33
Карма : Без предупреждений
Благодарности : 13
Регистрация : 2013-09-18

http://www.residentevilarena.com

Вернуться к началу Перейти вниз

Important Re: Перестала внезапно работать Всплывающая панель

Сообщение автор Da Vinchi в Пт 22 Июл - 9:42

@Xan_Kriegor пишет:Да, я бы хотел ее зафиксировать в открытом состоянии и убрать открывающую/закрывающую кнопку.
Вот код самой панели, который стоит в шаблоне overall_header:
Код:
<!— Выплывающая панель -->
<div id="toppanel">
  <div id="panel">
  <div class="content clearfix">
  <div class="center">
  <h2><a href="http://www.residentevilarena.com/t407-topic">Сотрудничество</a>&nbsp;·&nbsp;<a href="http://www.residentevilarena.com/t417-topic">Друзья сайта</a>&nbsp;·&nbsp;<a href="http://www.residentevilarena.com/buy-credits">Помощь сайту</a><img src="http://i39.servimg.com/u/f39/18/50/19/08/dduddd17.png"><a href="https://vk.com/club70557667">Вконтакте</a>&nbsp;·&nbsp;<a href="https://www.facebook.com/groups/residentevilarena/">Facebook</a>&nbsp;·&nbsp;<a href="http://www.odnoklassniki.ru/group/54367849152512">Одноклассники</a>&nbsp;·&nbsp;<a href="http://steamcommunity.com/groups/rearena">Steam</a></h2>
  </div>
  </div>
  </div>
<div class="tab">
        <ul class="login">
            <li class="left"> </li>
            <li id="toggle">
                <a id="open" class="open" href="#">Дополнительно▼</a>
                <a id="close" style="display: none;" class="close" href="#">Дополнительно▲</a>          
            </li>
            <li class="right"> </li>
        </ul>
    </div>
</div>  

Вот код, который стоит в CSS:
Код:
/* Верхняя панель */
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}

/* Panel Tab/button */
.tab {
background:url(http://i55.servimg.com/u/f55/18/50/19/08/tabblr11.png) repeat-x 0 0;
height:42px;
position:relative;
top:0;
z-index:999;
}

.tab ul.login {
display:block;
position:relative;
float:right;
clear:right;
height:42px;
width:auto;
line-height:42px;
right:20px;
color:#FFF;
font-size:11px;
font-family:verdana, arial, helvetica;
text-align:center;
margin:0;
}

.tab ul.login li.left {
background:url(http://i55.servimg.com/u/f55/18/50/19/08/122.png) no-repeat left 0;
height:42px;
width:30px;
display:block;
float:left;
margin:0;
padding:0;
}

.tab ul.login li.right {
background:url(http://i55.servimg.com/u/f55/18/50/19/08/223.png) no-repeat left 0;
height:42px;
width:30px;
display:block;
float:left;
margin:0;
padding:0;
}

.tab ul.login li {
text-align:left;
display:block;
float:left;
height:42px;
background:url(http://i55.servimg.com/u/f55/18/50/19/08/324.png) repeat-x 0 0;
padding:0 6px;
}

.tab ul.login li a {
color:#01A1DF;
}

.tab ul.login li a:hover {
color:#01A1DF;
}

.tab .sep {color:#414141}

.tab a.open,.tab a.close {
height:20px;
line-height:20px !important;
padding-left:30px !important;
cursor:pointer;
display:block;
width:100px;
position:relative;
top:10px;
}

.tab a.open {background:url(http://i55.servimg.com/u/f55/18/50/19/08/btopen10.png) no-repeat left 0;}
.tab a.close {background:url(http://i55.servimg.com/u/f55/18/50/19/08/btclos10.png) no-repeat left 0;}
.tab a:hover.open {background:url(http://i55.servimg.com/u/f55/18/50/19/08/btopen10.png) no-repeat left -19px;}
.tab a:hover.close {background:url(http://i55.servimg.com/u/f55/18/50/19/08/btclos10.png) no-repeat left -19px;}
/* sliding panel */
#toppanel {
position: absolute; /*Panel will overlap  content */
/*position: relative;*/ /*Panel will "push" the content down */
position: fixed;
top:0;
width:100%;
z-index:999;
text-align:center;
margin-left:auto;
margin-right:auto;
}

#panel {
width:100%;
height:auto;
color:#999;
background:#000000;
overflow:hidden;
position:relative;
z-index:3;
display:none;
}

#panel h1 {
font-size:1.6em;
color:#FFFFFF;
margin:0;
padding:5px 0 10px;
}

#panel h2 {
font-size:1.2em;
color:#FFFFFF;
margin:0;
padding:10px 0 5px;
}

#panel p {
margin:5px 0;
padding:0;
}

#panel a {
text-decoration:none;
color:#FFFFFF;
}

#panel a:hover {
color:#01A1DF;
}

#panel a-lost-pwd {
display:block;
float:left;
}

#panel .content {
width:960px;
padding-top:15px;
text-align:left;
font-size:8px;
font-family: verdana, arial, helvetica;  
margin:0 auto;
}

#panel .content .left {
width:280px;
float:left;
border-left:1px solid #000000;
padding:0 15px;
}

#panel .content .right {
border-right:1px solid #000000;
}

#panel .content form {
margin:0 0 10px 0;
}

#panel .content label {
float:left;
padding-top:8px;
clear:both;
width:280px;
display:block;
}

#panel .content input.field {
border:1px #1A1A1A solid;
background:#000000;
margin-right:5px;
margin-top:4px;
width:200px;
color:#FFF;
height:16px;
}

#panel .content input:focus.field {
background:#000000;
}
Не вижу смысла ковырять столь массивный код.
Набросал (с телефона) вот такой вариант
В CSS вставить вот это
Код:

#panel{
    background:#000;
    height:42px;
    width:100%;
    position: fixed;
    top:0;
    color:#FFF;
    font-size:11px;
    font-family:verdana, arial, helvetica;
    text-align:center;
}
a {
    text-decoration: none;
    color: #FFFFFF;
    font-size: 0.6em;
}
h2 {
    display: block;
    font-size: 1.5em;
    -webkit-margin-before: 0.83em;
    -webkit-margin-after: 0.83em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}
Вместо той панели вставить вот это
Код:
<div id="panel">
    <h2>
    <a href="http://www.residentevilarena.com/t407-topic">Сотрудничество</a>&nbsp;·&nbsp;<a href="http://www.residentevilarena.com/t417-topic">Друзья сайта</a>&nbsp;·&nbsp;<a href="http://www.residentevilarena.com/buy-credits">Помощь сайту</a>
    <img src="http://i39.servimg.com/u/f39/18/50/19/08/dduddd17.png"><a href="https://vk.com/club70557667">Вконтакте</a>&nbsp;·&nbsp;<a href="https://www.facebook.com/groups/residentevilarena/">Facebook</a>&nbsp;·&nbsp;<a href="http://www.odnoklassniki.ru/group/54367849152512">Одноклассники</a>&nbsp;·&nbsp;<a href="http://steamcommunity.com/groups/rearena">Steam</a></h2>
</div>
Она фиксировано открыта, а расположение элементов точно такое же.

Da Vinchi
 
 

Пол : Мужчина
Сообщения : 152
Возраст : 35
Карма : Без предупреждений
Благодарности : 169
Регистрация : 2016-04-07

http://help.forum2x2.ru/

Вернуться к началу Перейти вниз

Important Re: Перестала внезапно работать Всплывающая панель

Сообщение автор Xan_Kriegor в Пт 22 Июл - 11:13

Da Vinchi, да, пожалуй такой варик пойдет. А можно ли сделать, чтобы при наведении на ссылки менялся их цвет на такой: #01A1DF?

Xan_Kriegor
 
 

Сообщения : 998
Возраст : 33
Карма : Без предупреждений
Благодарности : 13
Регистрация : 2013-09-18

http://www.residentevilarena.com

Вернуться к началу Перейти вниз

Important Re: Перестала внезапно работать Всплывающая панель

Сообщение автор Da Vinchi в Пт 22 Июл - 11:42

@Xan_Kriegor пишет:Da Vinchi, да, пожалуй такой варик пойдет. А можно ли сделать, чтобы при наведении на ссылки менялся их цвет на такой: #01A1DF?
В CSS надо будет добавить
Код:
a:active {
    color: #01A1DF;
  }

Da Vinchi
 
 

Пол : Мужчина
Сообщения : 152
Возраст : 35
Карма : Без предупреждений
Благодарности : 169
Регистрация : 2016-04-07

http://help.forum2x2.ru/

Вернуться к началу Перейти вниз

Important Re: Перестала внезапно работать Всплывающая панель

Сообщение автор Xan_Kriegor в Пт 22 Июл - 21:04

@Da Vinchi пишет:
В CSS надо будет добавить
Код:
a:active {
    color: #01A1DF;
   }
Это не помогло... Но я нашел решение.

Нужно было добавить вот такой пункт:
Код:
#panel a:hover {
color:#01A1DF;
}

Xan_Kriegor
 
 

Сообщения : 998
Возраст : 33
Карма : Без предупреждений
Благодарности : 13
Регистрация : 2013-09-18

http://www.residentevilarena.com

Вернуться к началу Перейти вниз

Important Re: Перестала внезапно работать Всплывающая панель

Сообщение автор Xan_Kriegor в Сб 23 Июл - 3:29

Da Vinchi, эх амиго... Спасибо тебе конечно, но не подходит мне тот варик, который ты на телефоне набросал. Он мне на половине сайта шрифты портит.

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

Еще раз 13

Xan_Kriegor
 
 

Сообщения : 998
Возраст : 33
Карма : Без предупреждений
Благодарности : 13
Регистрация : 2013-09-18

http://www.residentevilarena.com

Вернуться к началу Перейти вниз

Important Re: Перестала внезапно работать Всплывающая панель

Сообщение автор Сергей Александрович в Сб 23 Июл - 8:29

@Xan_Kriegor пишет:Da Vinchi, эх амиго... Спасибо тебе конечно, но не подходит мне тот варик, который ты на телефоне набросал. Он мне на половине сайта шрифты портит.

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

Еще раз 13
Что бы шрифты не ломались надо убрать их определение из CSS
Код:

#panel{
    background:#000;
    height:42px;
    width:100%;
    position: fixed;
    top:0;
    color:#FFF;
    font-size:11px;
    text-align:center;
}
a {
    text-decoration: none;
    color: #FFFFFF;
    font-size: 0.6em;
}
h2 {
    display: block;
    font-size: 1.5em;
    -webkit-margin-before: 0.83em;
    -webkit-margin-after: 0.83em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}

Сергей Александрович
 
 

Пол : Мужчина
Сообщения : 655
Возраст : 50
Место обитания : МВД РФ
Настроение : Сколько не говори, что умный, а дела показывают лучше.
Карма : Без предупреждений
Благодарности : 198
Регистрация : 2014-11-03

http://help.forum2x2.ru/

Вернуться к началу Перейти вниз

Important Re: Перестала внезапно работать Всплывающая панель

Сообщение автор Xan_Kriegor в Вс 24 Июл - 17:08

Сергей Александрович, 13 good

Xan_Kriegor
 
 

Сообщения : 998
Возраст : 33
Карма : Без предупреждений
Благодарности : 13
Регистрация : 2013-09-18

http://www.residentevilarena.com

Вернуться к началу Перейти вниз

Important Re: Перестала внезапно работать Всплывающая панель

Сообщение автор Xan_Kriegor в Ср 27 Июл - 5:11

И все же! Можно ли именно эту панель:
@Xan_Kriegor пишет:Да, я бы хотел ее зафиксировать в открытом состоянии и убрать открывающую/закрывающую кнопку.
Вот код самой панели, который стоит в шаблоне overall_header:
Код:
<!— Выплывающая панель -->
<div id="toppanel">
  <div id="panel">
  <div class="content clearfix">
  <div class="center">
  <h2><a href="http://www.residentevilarena.com/t407-topic">Сотрудничество</a>&nbsp;·&nbsp;<a href="http://www.residentevilarena.com/t417-topic">Друзья сайта</a>&nbsp;·&nbsp;<a href="http://www.residentevilarena.com/buy-credits">Помощь сайту</a><img src="http://i39.servimg.com/u/f39/18/50/19/08/dduddd17.png"><a href="https://vk.com/club70557667">Вконтакте</a>&nbsp;·&nbsp;<a href="https://www.facebook.com/groups/residentevilarena/">Facebook</a>&nbsp;·&nbsp;<a href="http://www.odnoklassniki.ru/group/54367849152512">Одноклассники</a>&nbsp;·&nbsp;<a href="http://steamcommunity.com/groups/rearena">Steam</a></h2>
  </div>
  </div>
  </div>
<div class="tab">
        <ul class="login">
            <li class="left"> </li>
            <li id="toggle">
                <a id="open" class="open" href="#">Дополнительно▼</a>
                <a id="close" style="display: none;" class="close" href="#">Дополнительно▲</a>          
            </li>
            <li class="right"> </li>
        </ul>
    </div>
</div>  

Вот код, который стоит в CSS:
Код:
/* Верхняя панель */
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}

/* Panel Tab/button */
.tab {
background:url(http://i55.servimg.com/u/f55/18/50/19/08/tabblr11.png) repeat-x 0 0;
height:42px;
position:relative;
top:0;
z-index:999;
}

.tab ul.login {
display:block;
position:relative;
float:right;
clear:right;
height:42px;
width:auto;
line-height:42px;
right:20px;
color:#FFF;
font-size:11px;
font-family:verdana, arial, helvetica;
text-align:center;
margin:0;
}

.tab ul.login li.left {
background:url(http://i55.servimg.com/u/f55/18/50/19/08/122.png) no-repeat left 0;
height:42px;
width:30px;
display:block;
float:left;
margin:0;
padding:0;
}

.tab ul.login li.right {
background:url(http://i55.servimg.com/u/f55/18/50/19/08/223.png) no-repeat left 0;
height:42px;
width:30px;
display:block;
float:left;
margin:0;
padding:0;
}

.tab ul.login li {
text-align:left;
display:block;
float:left;
height:42px;
background:url(http://i55.servimg.com/u/f55/18/50/19/08/324.png) repeat-x 0 0;
padding:0 6px;
}

.tab ul.login li a {
color:#01A1DF;
}

.tab ul.login li a:hover {
color:#01A1DF;
}

.tab .sep {color:#414141}

.tab a.open,.tab a.close {
height:20px;
line-height:20px !important;
padding-left:30px !important;
cursor:pointer;
display:block;
width:100px;
position:relative;
top:10px;
}

.tab a.open {background:url(http://i55.servimg.com/u/f55/18/50/19/08/btopen10.png) no-repeat left 0;}
.tab a.close {background:url(http://i55.servimg.com/u/f55/18/50/19/08/btclos10.png) no-repeat left 0;}
.tab a:hover.open {background:url(http://i55.servimg.com/u/f55/18/50/19/08/btopen10.png) no-repeat left -19px;}
.tab a:hover.close {background:url(http://i55.servimg.com/u/f55/18/50/19/08/btclos10.png) no-repeat left -19px;}
/* sliding panel */
#toppanel {
position: absolute; /*Panel will overlap  content */
/*position: relative;*/ /*Panel will "push" the content down */
position: fixed;
top:0;
width:100%;
z-index:999;
text-align:center;
margin-left:auto;
margin-right:auto;
}

#panel {
width:100%;
height:auto;
color:#999;
background:#000000;
overflow:hidden;
position:relative;
z-index:3;
display:none;
}

#panel h1 {
font-size:1.6em;
color:#FFFFFF;
margin:0;
padding:5px 0 10px;
}

#panel h2 {
font-size:1.2em;
color:#FFFFFF;
margin:0;
padding:10px 0 5px;
}

#panel p {
margin:5px 0;
padding:0;
}

#panel a {
text-decoration:none;
color:#FFFFFF;
}

#panel a:hover {
color:#01A1DF;
}

#panel a-lost-pwd {
display:block;
float:left;
}

#panel .content {
width:960px;
padding-top:15px;
text-align:left;
font-size:8px;
font-family: verdana, arial, helvetica;  
margin:0 auto;
}

#panel .content .left {
width:280px;
float:left;
border-left:1px solid #000000;
padding:0 15px;
}

#panel .content .right {
border-right:1px solid #000000;
}

#panel .content form {
margin:0 0 10px 0;
}

#panel .content label {
float:left;
padding-top:8px;
clear:both;
width:280px;
display:block;
}

#panel .content input.field {
border:1px #1A1A1A solid;
background:#000000;
margin-right:5px;
margin-top:4px;
width:200px;
color:#FFF;
height:16px;
}

#panel .content input:focus.field {
background:#000000;
}
Зафиксировать открытой и убрать оттуда кнопку "открыть/закрыть"?

Дело в том, что она мне все же больше подходит.

Если это геморно, то фиг с ним, буду пользоваться той, что есть.

И еще раз 13 Da Vinchi, за работоспособные скрипты.

Xan_Kriegor
 
 

Сообщения : 998
Возраст : 33
Карма : Без предупреждений
Благодарности : 13
Регистрация : 2013-09-18

http://www.residentevilarena.com

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения