spacegallery 1

 

Добавить в шаблон. Добавить, где он указывает адрес файлы загружены ранее, но очень важно к списку в порядке, показанном, иначе она не может работать.

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'/>
<script src='https://foglia2008.narod.ru/eye.js' type='text/javascript'/>
<script src='https://foglia2008.narod.ru/slaid_shou/utils.js' type='text/javascript'/>
<script src='https://foglia2008.narod.ru/slaid_shou/spacegallery.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
(function($){
var initLayout = function() {
var hash = window.location.hash.replace('#', '');
var currentTab = $('ul.navigationTabs a')
.bind('click', showTab)
.filter('a[rel=' + hash + ']');
if (currentTab.size() == 0) {
currentTab = $('ul.navigationTabs a:first');
}
showTab.apply(currentTab.get(0));
$('#myGallery').spacegallery({loadingClass: 'loading'});
};

var showTab = function(e) {
var tabIndex = $('ul.navigationTabs a')
.removeClass('active')
.index(this);
$(this)
.addClass('active')
.blur();
$('div.tab')
.hide()
.eq(tabIndex)
.show();
};

EYE.register(initLayout, 'init');
})(jQuery)
//]]>
</script>


<style type='text/css'>
#outer-wrapper{width:700px;margin:0px auto 0px;padding:0;text-align:$startSide;font:$bodyfont;}
#myGallery {
width: 700px;
height: 550px; /* Alto de todo el contenedor */
}
#myGallery img {
border: 2px solid #52697E; /* Borde de las imágenes */
}
a.loading {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbhffbURd9l8FxCQAKUU9yK4cE40fY1allBbSXYfnXcxDOunvP3XGgf5tNMhK44GLX7Tw5eKllW2w1I9xUumzJrnkSsxZRSgm_p4Un0IBjE00TldQpGniYY0TpD8xH4EC3E4ovFLBs9_0/) no-repeat center;
}
.spacegallery {
position: relative;
overflow: hidden;
}
.spacegallery img {
position: absolute;
left: 50%;
}
.spacegallery a {
position: absolute;
z-index: 1000;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
</style>
    
<script type='text/javascript'>
jQuery(function(){
    jQuery(&#39;#myGallery&#39;).spacegallery();
});
</script>