KARİKATÜR
1 sayfadaki 1 sayfası
KARİKATÜR
$(document).ready(function(){
//Larger thumbnail preview
$("ul.thumb li").hover(function() {
$(this).css({'z-index' : '10'});
$(this).find('img').addClass("hover").stop()
.animate({
marginTop: '-45px',
marginLeft: '-45px',
top: '50%',
left: '50%',
width: '75px',
height: '75px',
}, 200);
} , function() {
$(this).css({'z-index' : '0'});
$(this).find('img').removeClass("hover").stop()
.animate({
marginTop: '0',
marginLeft: '0',
top: '0',
left: '0',
width: '50px',
height: '50px',
}, 400);
});
//Swap Image on Click
$("ul.thumb li").click(function(e){
var mainImage = $(this).attr('rel');
showImage(parseInt(mainImage)-1);
});
/*$("ul.thumb li a").click(function() {
var mainImage = $(this).attr("href"); //Find Image Name
$("#main_view img").attr({ src: mainImage });
return false;
});
*/
});
var currentImage;
var currentIndex = -1;
var interval;
function showImage(index){
if(index < $('#main_view img').length){
var indexImage = $('#main_view img')[index]
if(currentImage){
if(currentImage != indexImage ){
$(currentImage).css('z-index',2);
clearTimeout(myTimer);
$(currentImage).fadeOut(250, function() {
myTimer = setTimeout("showNext()", 1500);
$(this).css({'display':'none','z-index':1})
});
}
}
$(indexImage).css({'display':'block', 'opacity':1});
currentImage = indexImage;
currentIndex = index;
}
}
function showNext(){
var len = $('#main_view img').length;
var next = currentIndex < (len-1) ? currentIndex + 1 : 0;
showImage(next);
}
var myTimer;
$(document).ready(function(e) {
myTimer = setTimeout("showNext()", 1500);
showNext(); //loads first image
});
1 sayfadaki 1 sayfası
Bu forumun müsaadesi var:
Bu forumdaki mesajlara cevap veremezsiniz