вопрос
Ребята, всем привет.
Тут не большая проблема в работе галереи.
Первая картинка загружается, а если нажимаешь на след., то пропадают все
Вот код:
Тут не большая проблема в работе галереи.
Первая картинка загружается, а если нажимаешь на след., то пропадают все
Вот код:
$("#fan_gallery").each(function(){
var box = $(this).find(".fan_g_thamp:first");
$(this).append("<a href='#' class='fan_g_perv'></a><a href='#' class='fan_g_next'></a>");
$(this).find("a").attr('onclick','').unbind('click');
$(this).find("a").attr('rel','').unbind('click');
box.find("br").remove();
box.find("a:first").addClass("show");
var firstpict = box.find("a:first").attr('href');
$(this).find(".fan_g_show").append("<img src=" + firstpict + " alt='' />");
$('.fan_g_thamp').find("a").click(function(event){
event.preventDefault();
var link = $(this).attr('href');
$(".fan_g_show").html("<img src=" + link + " alt='' />");
$(".show").removeClass("show");
$(this).addClass("show");
});
$(".fan_g_next").click(function(event){
event.preventDefault();
$("#fan_gallery").find(".show").removeClass("show").nextAll('a:first').addClass("show");
if ($("#fan_gallery").find(".show").prevAll('a:first').length) {
} else {
if ($('.fgo_active').nextAll('.fan_g_thamp').length) {
$(".fgo_active").removeClass("fgo_active").next(".fan_g_thamp").addClass("fgo_active");
$(".fgo_active").find('a:first').addClass("show");
} else {
$(".fgo_active").removeClass("fgo_active");
$("#fan_gallery").find(".fan_g_thamp:first").addClass("fgo_active");
$(".fgo_active").find('a:first').addClass("show");
}
}
var link = $(".show").attr('href');
$(".fan_g_show").html("<img src=" + link + " alt='' />");
});
$(".fan_g_perv").click(function(event){
event.preventDefault();
$("#fan_gallery").find(".show").removeClass("show").prevAll('a:first').addClass("show");
if ($("#fan_gallery").find(".show").prevAll('a:first').length) {
console.log("lastprev");
} else {
if ($('.fgo_active').prevAll('.fan_g_thamp').length) {
$(".fgo_active").removeClass("fgo_active").next(".fan_g_thamp").addClass("fgo_active");
$(".fgo_active").find('a:first').addClass("show");
} else {
$(".fgo_active").removeClass("fgo_active")
$("#fan_gallery").find(".fan_g_thamp:last").addClass("fgo_active");
$(".fgo_active").find('a:last').addClass("show");
}
}
var link = $(".show").attr('href');
$(".fan_g_show").html("<img src=" + link + " alt='' />");
});