Sredjeno je gore..Uradio sam na ovaj način koji ste mi opisali a malo sam čačkao jquery dokumentaciju i vidio da postoji metoda focusout..
Evo i onaj slijedeći problem koji sam obećao da ću postaviti u kojem mi treba pomoć.
Primjer u knjizi je pravljenje galerije sa fade metodama..Pošto koristim firebug neke greške koje mi je javljalo ispravio sam.
Uglavnom je većina grešaka na nepravilno stavljanje navodnika.
Evo koda...
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="galerija.css" />
<script src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
var slideArray = ['ansel_adams1.jpg',
'ansel_adams2.jpg',
'ansel_adams3.jpg',
'ansel_adams4.jpg',
'ansel_adams5.jpg'
];
var imgDir = 'images/ansel_adams';
$('.container').append('<div class="slide-image"></div>');
$('.slide-image').html('<img src="images/'+slideArray[0]+'"/>');
$('.slide-image').after('<ul id="nav"></ul>');
var slideLength = slideArray.length;
for(i=0; i <= slideLength; i++){
var slideText = i + 1;
$('#nav').append('<li><a href="#" rel=""+slideText+'">'+slideText+'</a></li>');
}
$('#nav li a').bind('click', function(){
});
$('#nav li a').bind('click', function(){
var numSlide = $(this).attr('rel');
});
$('#nav li a').bind('click', function(){
var numSlide = $(this).attr('rel');
$('.slide-image').html('<img src=''+imgDir + numSlide+'.jpg'/>');
});
});
</script>
</head>
<body>
<div class='container'>
<h1>jQuery Images Galore.</h1>
</div>
</body>
</html>
Sve do ove linije sam popravio greške..
Code:
$('#nav').append('<li><a href="#" rel=""+slideText+'">'+slideText+'</a></li>');
Ovu ne mogu da podesim nikako..Zamolio bih nekoga ko je iskusan da mi malo pomogne..
Očaran sam ljepotom i lakoćom jquery,već za par dana učenja mogu da pravim neke jednostavne stvari..
Hvala