Модификация скрипта плавной смены изображений на jQuery

[Admin]

(10.11.2013 14:41:36)Денис писал(а):Админ, здравствуйте!

"Все значения переменных, при необходимости, вывожу на экран (для PHP - через echo, а для JavaScript - через document.getElementById("элемент").innerHTML)."

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

В какой программе или как конкретно в пхп эксперт можно пройти отладку пошагово, чтобы видеть, какие значения у переменных (n и т.д.) на каждом шаге (строке кода выше)?

Возможно, вы предложили альтернативное решение - но я не понял, как им воспользоваться. Вы не могли бы чуть подробнее пояснить, куда например ставить эхо в коде пхп, или document.getElementById("элемент").innerHTML в коде ява, чтобы выполнить задачу, сформулированную выше (пхп эксперт поставил, отладчик настроил, как сказано на сайте разработчика, но он продолжает пролетать код (и пхп, и яву) насквозь, без возможности пошагово поглядеть, что где как).

[Admin]

Так я это и пытался объяснить, что для вывода промежуточных значений в браузер использую echo.

Например:

PHP код:

$x=0;
for ($q=1; $q<=10; $q++) {
$x+=$q/2;
echo $q.' - '.$x.'<br>';
} 


На экране выведет:
1 - 0.5
2 - 1.5
3 - 3
4 - 5
5 - 7.5
6 - 10.5
7 - 14
8 - 18
9 - 22.5
10 - 27.5

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

С JS немного сложнее, т.к. он обрабатывается непосредственно в браузере пользователя. Поэтому для часто изменяющихся значений меняем значение какого-нибудь элемента (document.getElementById("элемент").innerHTML=переменная), а для отлавливания какого-нибудь события - можно через alert(переменная);

[Admin]

(11.11.2013 15:05:53)Денис писал(а):Уважаемый Админ, здравствуйте!

У меня не было ни единого сомнения, что вы написали что-то очень хорошее и разумное (как и оказалось), но моих знаний для обработки полученного напрямую не хватило, поэтому задал уточняющий вопрос. Благодарю за пояснение, взял в тестирование.

[mserg]

А как сделать, чтобы на сайте крутилось две разных ротации?
Пытаюсь сделать, так первая перестаёт крутиться.

[Admin]

(04.12.2013 15:53:54)mserg писал(а):  А как сделать, чтобы на сайте крутилось две разных ротации?
Пытаюсь сделать, так первая перестаёт крутиться.

Уточните, о каком именно скрипте идет речь...

[mserg]

<script type="text/javascript">
var imgs = [];
var links = [];
var n = 0;
var lock = true;
time = 800;
play = setInterval("chgImg(1)", 4000);
function chgImg(direction) {
n += direction;
if (n > imgs.length - 1) n = 0;
if (n < 0) n = imgs.length - 1;
$('#slide_show').fadeOut(time, function() { //для картинок
$('#slide_show_links').attr('href', links[n]).fadeIn(time);
$('#slide_show').attr('src', imgs[n]).fadeIn(time);
});}

function auto() {
if (lock == true) {
lock = false;
window.clearInterval(play);}
else {
lock = true;
play = setInterval("chgImg(1)", 5000);
}}
</script>



<a href="http:// " id="slide_show_links"><img height="270" width="180" src="http://" alt="" id="slide_show" ></a>

[Admin]

Какой-то странный скрипт
Видать, что-то потерялось или Вы скопировали промежуточный вариант.
Ну, да ладно...

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

Мы пошли по простому пути (одинаковое время смены изображений и одинаковое количество изображений в каждом слайд-шоу):

Код:

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

<script type="text/javascript">
var imgs = ['image/img_1.png','image/img_2.png','image/img_3.png','image/img_4.png'];
var links = ['news.php','script.php','useful_site.php','trick.php'];
var imgs2 = ['image/img_4.png','image/img_3.png','image/img_2.png','image/img_1.png'];
var links2 = ['trick.php','useful_site.php','script.php','news.php'];
var n = 0;
time = 800;
play = setInterval("chgImg(1)", 4000);

function chgImg(direction) {
n += direction;
if (n > imgs.length - 1) n = 0;
if (n < 0) n = imgs.length - 1;
$('#slide_show').fadeOut(time, function() { //для картинок
$('#slide_show_links').attr('href', links[n]).fadeIn(time);
$('#slide_show').attr('src', imgs[n]).fadeIn(time);
});
$('#slide_show2').fadeOut(time, function() { //для картинок
$('#slide_show_links2').attr('href', links2[n]).fadeIn(time);
$('#slide_show2').attr('src', imgs2[n]).fadeIn(time);
});
}
</script>


<a href="news.php" id="slide_show_links"><img height="270" width="180" src="image/img_1.png" alt="" id="slide_show"></a>
<a href="trick.php" id="slide_show_links2"><img height="270" width="180" src="image/img_4.png" alt="" id="slide_show2"></a>

[sergei5053]

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

[Admin]

Не совсем понял, что именно требуется сделать.
У Вас поверх аватарки выводятся изображения подарков, и если их несколько, то требуется их поочередно сменять? Так? Если да, то думаю, что можно что-то придумать...

В любом случае, не помешало бы посмотреть на работу кода плагина на страничке (скиньте ссылку в ЛС).

[sergei5053]

(02.04.2014 19:11:31)Admin писал(а):  Не совсем понял, что именно требуется сделать.
У Вас поверх аватарки выводятся изображения подарков, и если их несколько, то требуется их поочередно сменять? Так? Если да, то думаю, что можно что-то придумать...

В любом случае, не помешало бы посмотреть на работу кода плагина на страничке (скиньте ссылку в ЛС).

Именно так вы поняли. Ссылку скинул в лс.