Sürekli Değişen Yazı Kodu

Merhaba, HTML sitemdeki bir butonun içerisinde bir cümlenin bir kelimesi sürekli değişmesini istiyorum. İnternette bulduğum kodlar ile bunu yapamadım çünkü buton içerisinde ki yazının değişmesini istiyordum yada ben beceremedim. Ama yine de ben aradığım sistemin çalışma şeklini şöyle bir anlatmak isterim;





Fotoğraftaki gibi sadece ilk kelimenin benim belirlediğim yazılar ile değişmesini istiyorum.

Buda butonların olduğu kodlar;

	<header id="fh5co-header" class="fh5co-cover" role="banner" style="background-image:url(images/onepage.jpg);" data-stellar-background-ratio="0.5">
		<div class="overlay"></div>
		<div class="container">
			<div class="row">
				<div class="col-md-8 col-md-offset-2 text-center">
					<div class="display-t">
						<div class="display-tc animate-box" data-animate-effect="fadeIn">
							<h1>İlk bölüm yazı alanı</h1>
							<h2>Alternatif ikinci yazı alanım</h2>
							<p><a class="btn btn-primary btn-lg btn-learn" href="#">Hakkımızda</a> <a class="btn btn-primary btn-lg popup-vimeo btn-video" href="https://vimeo.com/channels/staffpicks/93951774"><i class="icon-play"></i>Buzdolabı İlanları</a></p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</header>

	
<?php
// kelimeleri örnekteki gibi diziye ekleyin.
$liste = array("Araba", "Buzdolabı", "Bilgisayar", "Giyim");
$count = count($liste)-1;
$karis = rand(0, $count);
$secim = $liste[$karis];
?>
<header id="fh5co-header" class="fh5co-cover" role="banner" style="background-image:url(images/onepage.jpg);" data-stellar-background-ratio="0.5">
		<div class="overlay"></div>
		<div class="container">
			<div class="row">
				<div class="col-md-8 col-md-offset-2 text-center">
					<div class="display-t">
						<div class="display-tc animate-box" data-animate-effect="fadeIn">
							<h1><?php echo $secim; ?></h1>
							<h2>Alternatif ikinci yazı alanım</h2>
							<p><a class="btn btn-primary btn-lg btn-learn" href="#">Hakkımızda</a> <a class="btn btn-primary btn-lg popup-vimeo btn-video" href="https://vimeo.com/channels/staffpicks/93951774"><i class="icon-play"></i>Buzdolabı İlanları</a></p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</header>

--R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 22:30:06 -->-> Daha önceki mesaj 21:27:43 --

<script>
$(function () {
  count = 0;
  wordsArray = ["Araba", "Buzdolabı", "Bilgisayar", "Giyim"];
  setInterval(function () {
    count++;
    $("#quote").fadeOut(400, function () {
      $(this).text(wordsArray[count % wordsArray.length]).fadeIn(400);
    });
  }, 5000); // 5000 = 5 sn
});
</script>
<header id="fh5co-header" class="fh5co-cover" role="banner" style="background-image:url(images/onepage.jpg);" data-stellar-background-ratio="0.5">
		<div class="overlay"></div>
		<div class="container">
			<div class="row">
				<div class="col-md-8 col-md-offset-2 text-center">
					<div class="display-t">
						<div class="display-tc animate-box" data-animate-effect="fadeIn">
							<h1 id="quote">İlk gösterilecek yazı</h1>
							<h2>Alternatif ikinci yazı alanım</h2>
							<p><a class="btn btn-primary btn-lg btn-learn" href="#">Hakkımızda</a> <a class="btn btn-primary btn-lg popup-vimeo btn-video" href="https://vimeo.com/channels/staffpicks/93951774"><i class="icon-play"></i>Buzdolabı İlanları</a></p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</header>

teşekkürler

Çok teşekkür ederim sayenizde çözüme kavuşturduk