Навеяно этим топиком по теме. Можно сказать, что это более усовершенсвованный способ, так как контентом могут выступать и изображения (картинки).
Три кита: код на JavaScript, разметка HTML, стили CSS.

1. JavaScript

function slideSwitch() {
    var $active = $('#slideshow DIV.active');
    if ( $active.length == 0 ) $active = $('#slideshow DIV:last');

    // показываем картинки по-очереди, одна за другой
    var $next =  $active.next().length ? $active.next() : $('#slideshow DIV:first');

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

    $active.addClass('last-active');
    $next.css({opacity: 0.0}).addClass('active').animate({opacity: 1.0}, 1000, function() { $active.removeClass('active last-active'); });
};

$(function() {
    setInterval( "slideSwitch()", 5000 ); // задержка 5 секунд
});

2. HTML

<div id="slideshow">
    <div class="active">контент 1</div>
    <div>контент 2</div>
    ..................................
    <div>контент n</div>
</div>

3. CSS

#slideshow { position:relative; height:400px; }
#slideshow DIV { position:absolute; top:0; left:0; z-index:8; opacity:0.0; height: 400px; background-color: #FFF; }
#slideshow DIV.active { z-index:10; opacity:1.0; }
#slideshow DIV.last-active { z-index:9; }

Класс стиля class=«active» можно изначально назначать на желаемый div-контент. Параметр height:400px можно менять на собственное усмотрение. Алгоритм вывода случайным образом можно усложнить и усовершенствовать. Более того, можно изменить анимационный эффект на свой.

Firefox без дополнений тосклив и малофункционален. Но некоторые дополнения могут замедлить работу Firefox до такой степени, что его станет трудно использовать для просмотра веб-страниц. По ссылке список дополнений, имеющие значительное влияние на время запуска и работы Firefox. Ещё добавлю, что иногда полезно в адресной строке набирать about:memory?verbose или просто about:memory. Более того, не обязательно всегда использовать firebug, иногда достаточно ctrl+shift+j.

Три кита: код на JavaScript, разметка HTML, стили CSS.

1. JavaScript

function slideSwitch() {
    var $active = $('#slideshow IMG.active');
    if ( $active.length == 0 ) $active = $('#slideshow IMG:last');

    // показываем картинки по-очереди, одна за другой
    var $next =  $active.next().length ? $active.next() : $('#slideshow IMG:first');

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

    $active.addClass('last-active');
    $next.css({opacity: 0.0}).addClass('active').animate({opacity: 1.0}, 1000, function() {$active.removeClass('active last-active');});
};

$(function() {
    setInterval( "slideSwitch()", 5000 ); // задержка 5 секунд
});

2. HTML

<div id="slideshow">
    <img src="image_1.jpg" alt="Slideshow Image 1" class="active" />
    <img src="image_2.jpg" alt="Slideshow Image 2" />
    ...............................................
    <img src="image_n.jpg" alt="Slideshow Image n" />
</div>

3. CSS

#slideshow { position:relative; height:350px; }
#slideshow IMG { position:absolute; top:0; left:0; z-index:8; opacity:0.0; }
#slideshow IMG.active { z-index:10; opacity:1.0; }
#slideshow IMG.last-active { z-index:9; }

Класс стиля class=«active» можно изначально назначать на желаемую картинку. Параметр height:350px можно менять на собственное усмотрение. Алгоритм вывода случайным образом можно усложнить и усовершенствовать. Более того, можно изменить анимационный эффект на свой.

Применение компонента (поиск депозитных продуктов)
Интересный пример использования данного компонента нашел на сайте по поиску банковских услуг.
При выборе по определенным критериям (срок вклада, тип вклада и прочее) на выходе получаем таблицу с наименованием банка, процентной ставкой, контактами и прочим.
Мой компонент еще не в полной мере может выполнить такой функционал, так как на выходе мы можем получить только список url'ов (ссылок), что будет исправлено в последующих релизах.

Скачать компонент

Скрин шот рабочего примера с 5-ю связанными списками по подобию «поиска банковских услуг»:



Ссылки на предыдущие статьи о компоненте на programilla.com:

Компонент связанных списков (select'ов) Joomla 1.5.x для вывода требуемых ссылок без перезагрузки страниц (ajax)

Небольшое описание компонента под Joomla 1.5 для построения связанных списков на примере стран и городов.

Обновления в текущей версии.

Теперь с помощью компонента RelatedSelects_J15_v1.0.1 в Joomla 1.5.x можно строить любое количество связанных списков (0,1,2,..100,..1000,...)

В ходе доработки были исправлены часть кода — удалены лишние, исправлены мелкие недочеты, отмечены и записаны желаемые будущие доработки.

Пожелания неравнодушных посетителей.

Спасибо всем учавствовавшим в составлении списка будущих «улучшений» компонента. Получены первые отзывы от «независимых» пользователей. Следующей основной доработкой компонента будет способность выдавать в результате выбора в списках статьи Joomla и прочее, другими словами возможность выбора joomla-элементов для показа категорий, разделов, статей, прочее.

Хотелось бы дать ссылку на рабочий пример компонента, но на данном этапе невозможно построить
несколько «независимых» связанных списков. Данная наработка также занесена в список будущих
обновлений.

Интересуют следующие типы сайтов на русском языке: сайты с тИЦ > 10 и не менее 100 страниц в индексе Яндекса; сайты без тИЦ, но с с 300+ страниц в индексе Яндекса; сайты без домена. Особенно приветствуются сайты с тИЦ от 50 и 1000+ страниц в индексе. Посещаемость - большой плюс. Можно сайты с доходом в Сапе.

Есть несколько готовых библиотек, которые позволяют без перезагрузки страницы проверять уникальность вводимых данных без перезагрузки страницы по технологии AJAX (в статье речь не о них, но о простом «велосипеде» на jQuery). Это в подавляющих случаях используется в формах регистрации на сайтах. Наример, постановка задачи: необходимо ввести Ник (ФИО) и E-mail и автоматически в фоне проверить, есть ли такой же Ник и такой же электронный почтовый адрес уже в базе зарегистрированных пользователей.



( Читать дальше )

Итак, как это делаю я:

1. Необходимо создать файл /Smarty/plugins/function.sape.php с таким кодом:

<?
function smarty_function_sape($params,&$smarty){
	define('_SAPE_USER', 'xxxx');
	require_once($_SERVER['DOCUMENT_ROOT'].'/'._SAPE_USER.'/sape.php');
	$o['charset'] = 'UTF-8';
	$sape = new SAPE_client($o);
	return $sape->return_links();
}
?>

где вместо xxxx замените на свой код.

2. В том месте (например в footer.tpl), где Вам необходимо показать ссылки просто напишите:

{sape}

Друзья, прошу помочь расставить приоритеты для дальнейшей разработки и поддержки компонента joomla связанных списков. Проголосуйте, указав от 1 до 3 пунктов, которые вы считаете наиболее важными.

Команда VUPEN Security официально объявила о взломе Google Chrome. После взлома браузер не падает, но продолжает работать. 0day уязвимость работает на всех Windows системах (32, 64). На видео показано, что при заходе на определённую страницу эксплоит выполняет произвольный код.



Кстати, имено эта версия браузера сейчас у меня и инсталирована. Это последнее обновление на данный момент.

На хабре появился пост в котором подробно и наглядно описаны нововведения в jQuery 1.6, которые несовместимы с прошлыми версиями. Так что обновляемся осторожно!