$(document).ready(function() {
$('.sb').click(function(event){
// which was clicked?
var clicked = $(this).index('.sb');
// create smoothbox
$('body').append('');
$.fn.reverse = [].reverse;
// get each picture, put them in the box
$('.sb').reverse().each(function() {
var href = $(this).attr('href');
if ($(this).attr('title')) {
var caption = $(this).attr('title');
$('.sb-items').append('');
}
else {
$('.sb-items').append('');
}
});
$('.sb-item').slice(0,-(clicked)).appendTo('.sb-items');
$('.sb-item').not(':last').hide();
$('.sb-item img:last').load(function() {
$('.smoothbox-sizing').fadeIn('slow', function() {
$('.sb-nav').fadeIn();
$('.sb-load').removeClass('sb-load');
});
});
event.preventDefault();
});
$(document).on('click', ".sb-cancel", function(event){
$('.smoothbox').fadeOut('slow', function() {
$('.smoothbox').remove();
});
event.preventDefault();
});
$(document).on('click', ".sb-next-on", function(event){
$(this).removeClass('sb-next-on');
$('.sb-item:last').addClass('sb-item-ani');
// after animation, move order & remove class
$(".sb-item:last").bind("transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd", function(){
$('.sb-item').eq(-2).addClass('no-trans').fadeIn('fast');
$(this).removeClass('sb-item-ani').prependTo('.sb-items').hide();
$('.sb-item:last').removeClass('no-trans');
$('.sb-next').addClass('sb-next-on');
$('.sb-item').unbind();
});
event.preventDefault();
});
$(document).on('click', ".sb-prev-on", function(event){
$(this).removeClass('sb-prev-on');
$('.sb-item:last').hide();
$(".sb-item:first").addClass('sb-item-ani2 no-trans').appendTo('.sb-items');
$('.sb-item:last').show().removeClass('no-trans').delay(1).queue(function(next){
$('.sb-item:last').removeClass('sb-item-ani2');
next();
});
$(this).addClass('sb-prev-on');
event.preventDefault();
});
});
javascript kodlarım bunlar arkadaşlar bu durumda boş alana tıkladığımda resimi kapatmak için nasıl bir yön izlemem gerekir?