фото

5 Апр 2015
может из вас кто поможет, а то я уже не знаю как сделать..
во общем вот у меня есть код который выводить фотографии:

<?
$k_post = mysql_result(mysql_query("SELECT COUNT(*) FROM `gallery_foto`"),0);
$k_page = k_page($k_post,$set['p_str']);
$page = page($k_page);
$start = $set['p_str']*$page-$set['p_str'];
$q = mysql_query("SELECT * FROM `gallery_foto` ORDER BY `time` DESC LIMIT $start, 10");
$coll=mysql_result(mysql_query("SELECT COUNT(*) FROM `gallery_foto` WHERE `id_user` = '$user[id]' ORDER BY `id` DESC"),0);

while ($photo = mysql_fetch_assoc($q)){
echo '<div id="rotator"><ul><li class="show">';
echo "<img src='/foto/foto640/$photo[id].$photo[ras]' width='100%' height='400' alt=''/></li>";

}
echo '</ul></div>';
?>

хочу сделать так чтобы они менялись без перезагрузки страницы, нарыл javasсript:

<?
function theRotator() {
    // Устанавливаем прозрачность всех картинок в 0
    $('div#rotator ul li').css({opacity: 0.0});

    // Берем первую картинку и показываем ее (по пути включаем полную видимость)
    $('div#rotator ul li:first').css({opacity: 1.0});

    // Вызываем функцию rotate для запуска слайдшоу, 5000 = смена картинок происходит раз в 5 секунд
    setInterval('rotate()',5000);
}

function rotate() {
    // Берем первую картинку
    var current = ($('div#rotator ul li.show')?  $('div#rotator ul li.show') : $('div#rotator ul li:first'));

    // Берем следующую картинку, когда дойдем до последней начинаем с начала
    var next = ((current.next().length) ? ((current.next().hasClass('show')) ? $('div#rotator ul li:first') :current.next()) : $('div#rotator ul li:first'));

    // Расскомментируйте, чтобы показвать картинки в случайном порядке
    // var sibs = current.siblings();
    // var rndNum = Math.floor(Math.random() * sibs.length );
    // var next = $( sibs[ rndNum ] );

    // Подключаем эффект растворения/затухания для показа картинок, css-класс show имеет больший z-index
    next.css({opacity: 0.0})
    .addClass('show')
    .animate({opacity: 1.0}, 1000);

    // Прячем текущую картинку
    current.animate({opacity: 0.0}, 1000)
    .removeClass('show');
};

$(document).ready(function() {
    // Запускаем слайдшоу
    theRotator();
});
?>

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

Статистика WMID автора: