Здравствуйте!
Такая проблема - к сайту по умолчанию подключена библиотека jquery 1.10.2.js и отключить ее невозможно. Установил Фотораму - не завелась, в head добавил jquery-1.10.2.min.js - галерея заработала. Далее на просторах Тостера нашел скрипт счетчика изображений -
jsfiddle.net/yurzui/7ep83wej, но он упорно отказывается работать с подключаемой по умолчанию jquery 1.10.2.js, на тестовой странице без jquery 1.10.2.js отлично работает. Подскажите, можно ли как-то переписать скрипт счетчика изображений под мои библиотеки, в js полный ноль!!?
Заранее благодарен за решение!
<!DOCTYPE html>
<html>
<head>
<title>Basic fotorama</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<!-- jQuery -->
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<!-- Fotorama -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.4/fotorama.min.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.4/fotorama.min.js"></script>
<base href="http://s.fotorama.io/okonechnikov/">
<style>
.info {
position: absolute;
right: 0;
top: 0;
background: rgba(0,0,0,.6);
padding: 5px 10px;
color: #fff;
}
</style>
<!-- Неотключаемая библиотека из-за которой не работает счетчик фотографий -->
<script type="text/javascript" src="http://www.ucoz.net/.s/src/jquery-1.10.2.js"></script>
</head>
<body>
<!-- Fotorama -->
<div class="fotorama" data-loop="true" data-arrows="true" data-nav="true">
<img src="1-lo.jpg">
<img src="2-lo.jpg">
<img src="9-lo.jpg">
<img src="6-lo.jpg">
<img src="5-lo.jpg">
</div>
<!-- Счетчик -->
<script>
$(function () {
$('.fotorama')
.on('fotorama:ready', function (e, fotorama) {
var info = $('<span class="info"/>');
info.text((fotorama.activeIndex + 1) + ' of ' + fotorama.size);
$(this).find('.fotorama__wrap').append(info);
})
.on('fotorama:show', function (e, fotorama, extra) {
var info = $(this).find('.info');
info.text((fotorama.activeIndex + 1) + ' of ' + fotorama.size);
});
});
</script>
</body>
</html>
