Несколько слайдшоу на одной странице

Дата: Воскресенье, 14 Августа 2011, 10:11 | Сообщение # 1

постоянный участник

Сейчас нет на сайте

Делаю слайдшоу подобным образом:

PHP код:
<div id="page-wrapper">

<div id="slideshow$mirror">
<div id="slides">
<a href="#portfolio.work1" title="Подробнее" class="thumb default-slide">
<img src="$myrow[slide1]" alt="$myrow[alt1]" class="slideshow-image" /> </a>
<a href="#portfolio.work2" title="Подробнее" class="thumb">
<img src="$myrow[slide2]" alt="$myrow[alt2]" class="slideshow-image" /> </a>
<a href="#portfolio.work3" title="Подробнее" class="thumb">
<img src="$myrow[slide3]" alt="$myrow[alt3]" class="slideshow-image" /> </a>
</div>

<div id="slideshow-commands">
<a href="#previous" title="Previous" id="previous-slide"><</a>
<a href="#next" title="Next" id="next-slide">></a>
<h4>
<a href="#portfolio.work1" title="See details" id="slide-title">
Flex Engine Web Design </a> </h4>
</div>
</div>

<div id="message$mirror">
<h3>$myrow[title]</h3>
<p>$myrow[description]</p>

</div>
</div>

Javascript код:
$(document).ready(function()
{
$('#slides').cycle({
prev : '#previous-slide',
next : '#next-slide',
timeout : 3000,
pause : 1,
before : changeTitle
});
});

function changeTitle()
{
var title = $(this).find('img').attr('alt');
var href = $(this).attr('href');

$('#slide-title').text(title).attr('href', href);
}

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

Ghost Quest - 2D платформер в стиле 2D платформеров
[Статья] Создаем 2D платформер а-ля Ghost Quest
[Статья] Реализовываем вис на крюке/платформе

lvovand

Дата: Воскресенье, 14 Августа 2011, 11:32 | Сообщение # 2

старожил

Сообщений: 1338

Сейчас нет на сайте

так ты и запускаешь только один
$('#slides').cycle

сделай несколько дивов и запускай слайдшоу в каждом

Разработка и продвижение сайтов. Дизайн

Loko™

Дата: Воскресенье, 14 Августа 2011, 19:04 | Сообщение # 3

постоянный участник

Сообщений: 270

Сейчас нет на сайте

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

lvovand

Дата: Воскресенье, 14 Августа 2011, 23:08 | Сообщение # 4

старожил

Сообщений: 1338

Сейчас нет на сайте

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

Разработка и продвижение сайтов. Дизайн

Loko™

Дата: Понедельник, 15 Августа 2011, 06:49 | Сообщение # 5

постоянный участник

Сообщений: 270

Сейчас нет на сайте

lvovand, я наоборот дивы смог укомплектовать, а яву не могу, так как вообще ее не знаю.
Смотри, там в php у меня есть переменная $mirror. Так как у меня весь указанный php код в цикле do while, то $mirror после каждого цикла увеличивается на еденицу (так я вывожу новости + каждую строку отражаю по горизонтали).
Подскажи, как можно что-то подобное теперь с явой провернуть. (если диву slides тоже прибавить переменную $mirror)

lvovand

Дата: Понедельник, 15 Августа 2011, 12:17 | Сообщение # 6

старожил

Сообщений: 1338

Сейчас нет на сайте

ну скажем, дивы идут slides1, slides2 и т.д., то вынеси в отдельную функцию

function mycycle(div,i){
var iddiv = '#' + div + i;
$(iddiv).cycle({
prev : '#previous-slide' + i,
next : '#next-slide' + i,
timeout : 3000,
pause : 1,
before : changeTitle
});
}

и вызывай в цикле эту функцию

for(i=1; i<=div_cnt; i++){
mycycle('slides',i);
}

Разработка и продвижение сайтов. Дизайн

Loko™

Дата: Воскресенье, 21 Августа 2011, 12:57 | Сообщение # 7

постоянный участник

Сообщений: 270

Сейчас нет на сайте

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