Ох, как много дефисиков и скобок было в комментарии, пришлось немного их поудалять и подправить комментарий.
Как я понял, Вам надо выделить заголовок в подписи и добавить возможность вставки в подпись HTML тегов.
Задание вовсе не сложное, т.к. просто добавил немного стилей и поменял всего одну команду jQuery (с text() на html()).
Ну, начнем с того, что для выделения заголовка добавлять каждый раз однотипные теги не оптимально, поэтому заголовку, как и остальной подписи мы зададим стили (отдельно для заголовков и для текста). Так же добавил возможность обработки HTML тегов (вдруг внутри текста просто необходимо сделать жирный шрифт или еще что-то).
В общем тестируйте:
Код:
<style type="text/css">
#slide_show_title { font-size: 20px; color: #CC0000; }
#slide_show_comments { font-size: 16px; text-align: left; text-indent: 30px; }
</style>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<div align="center" style="border: 1px solid #0000CC; width: 300px;"> <!--размер блока с картинками и текстом-->
<a href="news.php" id="slide_show_links">
<img src="image/img_1.png" alt="" id="slide_show"><br><br>
<div id="slide_show_title">В чем смысл жизни человека?</div><br>
<div id="slide_show_comments">Стать самим собой, создавать красоту, научиться любить...</div>
</a>
<br><br>
<div style="color: blue; cursor: pointer;">
<span onclick="chgImg(-1)">Предыдущая</span>
<span onclick="auto()">Стоп/Стоп</span>
<span onclick="chgImg(1)">Следующая</span>
</div>
</div>
<script type="text/javascript">
var imgs = [['image/img_1.png','news.php','В чем смысл жизни человека?','Стать самим собой, создавать красоту, научиться любить...'],
['image/img_2.png','script.php','Второй заголовок','Текст второго заголовка'],
['image/img_3.png','useful_site.php','Третий заголовок','Текст третьего заголовка не похож на второй. Ну и еще пару слов для увеличения длины текста.'],
['image/img_4.png','trick.php','Четвертый заголовок','А тут бац... и картинка ... <img src="image/progress_indicator_img.gif">или... <br><br>принудетельный перенос строки<br><b>или жирный текст</b>']];
var n = 0;
var lock = true;
time = 800;
function get_rand() { return Math.random() - 0.5; }
imgs.sort(get_rand);
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, #slide_show_title, #slide_show_comments').fadeOut(time, function() {
$('#slide_show').attr('src', imgs[n][0]).fadeIn(time); //картинки
$('#slide_show_links').attr('href', imgs[n][1]).fadeIn(time); //ссылки
$('#slide_show_title').html(imgs[n][2]).fadeIn(time); //заголовки
$('#slide_show_comments').html(imgs[n][3]).fadeIn(time); //текст
});
}
function auto() {
if (lock == true) { lock = false; window.clearInterval(play); }
else { lock = true; play = setInterval("chgImg(1)", 5000); }
}
</script>
Рамочку шириной в 300 пикселей добавил специально, чтобы можно было легче тестировать с короткими текстами (переносы там и т.д.). Ее всегда можно удалить.