$('.fancybox').fancybox({
wrapCSS : 'fancybox-custom',
padding : 2,
openEffect : 'none',
closeEffect : 'none',
prevEffect : 'none',
nextEffect : 'none',
closeBtn : false,
loop: false,
helpers : {
title : {
type : 'inside'
},
overlay : {
css : {
'background' : 'rgba(238,238,238,0.85)'
}
},
button : {}
},
afterLoad : function() {
var raf = this.index;
var tableElem = document.getElementById('content');
var elements = tableElem.getElementsByTagName('img');
var input = elements[raf];
var id = input.id;
var alt = input.alt.split('_');
$.ajax({
type: "POST",
url: "",
data: "id="+id,
success: function(data){
var obj = jQuery.parseJSON(data);
$("#albom_cake").html('<a href="?page=photo&id=' + obj.albom + '" id="albom_cake">' + obj.name_albom + '</a>');
$("#number_foto").text(obj.id_cake);
$("#mass_cake").html(obj.mass + ' кг');
}
});
this.title = '<div id="block_content_cake" ><div ><a id="order_cake_link" href="?page=order">Оформить заявку</a></div><div id="block_cake_info" >Информация о торте:</div>\n\
<div id="block_albom_cake" >Альбом: <a href="?page=photo&id=' + alt[2] + '" id="albom_cake">' + alt[0] + '</a></br><div>Номер торта: ' + id +'</div></div>\n\
<div id="block_mass_cake" >Минимальный вес торта: <span id="mass_cake" >' + alt[1] + '</span> кг</div></div>';
}
});
вот ссылка сайта где это не правильно работает
http://tromplei.com/?page=photo в опере , а во всех остальных норм...причем в первых еще что то отображается а в самом низу если открыть фото то не чего не видно..