mam problem z galeria zdjec, otoz nie wiem co zrobic zeby na poczatku wyswietlania nie pojawiał sie komunikat "Opis pierwszej fotki" tylko tytuł pierwszego zdjęcia w tym wypadku "Obrazek 1". Poniżej przedstawiam kod mojej galerii:
Kod
<head>
<script type="text/javascript">
$(function() {
$('.miniatury ul li:first-child a').css('opacity',1).addClass('ramka');
$(".miniatury a").click(function(){
$(this).css('opacity',1).addClass('ramka');
$(".miniatury a").not(this).css('opacity',1).removeClass('ramka');
var sciezka = $(this).attr("href");
var tytul = $(this).attr("title");
$(".duzy").attr({ src: sciezka, alt: tytul });
$("#opis").html(tytul);
return false;
});
});
</script>
<!--[if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"></script>
<![endif]-->
</head>
<body>
<div id="kontener">
<div class="galeria">
<img class="duzy" src="images/big/img1.jpg" alt="Duże zdjęcie Obrazek 1" />
</div>
<div class="miniatury">
<ul>
<li>
<div id="opis"><span> Opis pierwszej fotki</span></div>
<a href="images/big/img1.jpg" title="Obrazek 1"><img src="images/min/min1.jpg" alt="miniaturka Obrazek 1" /></a></li>
<li><a href="images/big/img2.jpg" title="Obrazek 2"><img src="images/min/min2.jpg" alt="miniaturka Obrazek 2" /></a></li>
<li><a href="images/big/img3.jpg" title="Obrazek 3"><img src="images/min/min3.jpg" alt="miniaturka Obrazek 3" /></a></li>
<li><a href="images/big/img4.jpg" title="Obrazek 4"><img src="images/min/min4.jpg" alt="miniaturka Obrazek 4" /></a></li>
</ul>
</div>
</div>
</body>
<script type="text/javascript">
$(function() {
$('.miniatury ul li:first-child a').css('opacity',1).addClass('ramka');
$(".miniatury a").click(function(){
$(this).css('opacity',1).addClass('ramka');
$(".miniatury a").not(this).css('opacity',1).removeClass('ramka');
var sciezka = $(this).attr("href");
var tytul = $(this).attr("title");
$(".duzy").attr({ src: sciezka, alt: tytul });
$("#opis").html(tytul);
return false;
});
});
</script>
<!--[if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"></script>
<![endif]-->
</head>
<body>
<div id="kontener">
<div class="galeria">
<img class="duzy" src="images/big/img1.jpg" alt="Duże zdjęcie Obrazek 1" />
</div>
<div class="miniatury">
<ul>
<li>
<div id="opis"><span> Opis pierwszej fotki</span></div>
<a href="images/big/img1.jpg" title="Obrazek 1"><img src="images/min/min1.jpg" alt="miniaturka Obrazek 1" /></a></li>
<li><a href="images/big/img2.jpg" title="Obrazek 2"><img src="images/min/min2.jpg" alt="miniaturka Obrazek 2" /></a></li>
<li><a href="images/big/img3.jpg" title="Obrazek 3"><img src="images/min/min3.jpg" alt="miniaturka Obrazek 3" /></a></li>
<li><a href="images/big/img4.jpg" title="Obrazek 4"><img src="images/min/min4.jpg" alt="miniaturka Obrazek 4" /></a></li>
</ul>
</div>
</div>
</body>
Proszę o pomoc, ponieważ dopiero co zaczynam przygodę z kodowaniem
