Регистрация
Вход через соцсети
Восстановление пароля

Компонент слайд-шоу

Новый топик
01.03.2012, 22:47
Ответить | Цитировать
Иван

Зарегистрирован:
2012-02-29
Сообщений: 3

Хочу создать простой компонент слайд-шоу.
Приведенный ниже код нужно вписать в компонент.
Код:

<div id="slideshow">
<img id="himg1" style="display:none; position: absolute; margin: 0 auto;" src="/sl_1.jpg" />

<img id="himg2" style="display:none; position: absolute; margin: 0 auto;" src="/sl_2.jpg" />

<script type="text/javascript">

var cnt = 2;

var i = 1 + Math.floor(Math.random() * cnt);

$('himg' + i).style.display = '';





function renewQuote() {

Effect.Fade('himg' + i, { duration: 2, delay: 0.0 });



i = (i >= cnt) ? 1 : i + 1;

Effect.Appear('himg' + i, { duration: 2, delay: 0.0 });



}



setInterval("renewQuote();", 4000);

</script>
</div>


Как я понимаю в префикс пишем
Код:

<div id="slideshow">


В поле обьект в списке
Код:

<img id="himg1" style="display:none; position: absolute; margin: 0 auto;" src="$f_img" />


Остальное в суффикс
Код:

<script type="text/javascript">

var cnt = 2;

var i = 1 + Math.floor(Math.random() * cnt);

$('himg' + i).style.display = '';





function renewQuote() {

Effect.Fade('himg' + i, { duration: 2, delay: 0.0 });



i = (i >= cnt) ? 1 : i + 1;

Effect.Appear('himg' + i, { duration: 2, delay: 0.0 });



}



setInterval("renewQuote();", 4000);

</script>
</div>


по идее правильно, но не работает, может в суфикс нельзя скрипты писать? тогда где?
п.с. - код 100% рабочий, проверял неоднократно.
03.03.2012, 16:53
Ответить | Цитировать
Гость
Гость

попробуйте код скрипта (JS) вынести в отдельный файл а тут только подключить.
04.03.2012, 08:10
Ответить | Цитировать
Asiat
Аниматика
Asiat

Зарегистрирован:
2005-12-12
Сообщений: 567

Для начала сравните получившийся код с исходным.
Например, у вас будут одинаковые id у картинок, скорее всего, уже из-за этого может не работать.
Добавьте к id какую-нибудь переменную типа $f_RowNum, чтобы сделать уникальным.

Разработка сайтов на Netcat с 2006... хм-м ... или 2005 хммм года. В общем, обращайтесь.
198 196 2012-03-04 08:10:55 11937
Описание проекта