Господа, вновь нуждаюсь в вашем совете.
Скрипт выцепляет фотографии из инстаграма, выкладывает их на страницу с возможностью draggable.
hash = location.hash;
hash = hash.substring(1);
arphoto = [];
url_hash = "https://api.instagram.com/v1/users/self/media/recent?" + hash + "&count=-1";
$.ajax({
type: "GET",
dataType: "jsonp",
cache: false,
url: url_hash,
success: function(data) {
currentphoto = 0;
for (var i = 0; i < data.data.length;) {
arphoto.push(data.data[i].images.low_resolution.url);
i++;
};
loadphoto();
}
});
function loadphoto() {
function loadphotoinner () {
$(".pics").append($("<img id='"+i+"' src='" + arphoto[i] +"' width='62px' height='62px' style='padding:2px;'>").draggable({helper:'clone',
opacity: 0.5,
start: function () {
$(".currentimg").attr("src",this.src);
img = this.src;
},
drag: function () {
$(".currentimg").attr("src",this.src);
}
}));
$(".pics img").mouseover(function(){
$(".currentimg").attr("src",this.src);
}
);
$(".pics img").mouseout(function(){
$(".currentimg").attr("src","../img/1.png");
}
);
}
if (arphoto.length - currentphoto>9){
for (i = currentphoto; i < currentphoto+9; i++) {
loadphotoinner();
};
$(".pics").append($("<p class='morebutton'><center><button onclick='loadphoto();this.style.display=\"none\"'>Еще фотографии</button></center></p>"));
currentphoto = i;
}
else {
for (i = currentphoto; i < arphoto.length; i++) {
loadphotoinner();
};
}
}
Именно в Опере данный блок вообще не отображается. В баг-репорте как обычно куча ошибок, связанных с css бутстрапа, но с подключаемымми библиотеками вроде бы конфликта нет (jquery-1.10.2.js,jquery-ui-1.10.3.custom.js,jquery.ui.touch-punch.min.js,bootstrap.min.js)
Не могу понять откуда ноги растут...буду благодарен за совет