День Матери. 4 класс — Школьные фотографии — Фотоальбом — Персональный сайт МКОУ Елизаветовская СОШ

#phtOtherThumbs {margin-bottom: 10px;}
#phtOtherThumbs td {font-size: 0;}
#oldPhotos {position: relative;overflow: hidden;}
#leftSwch {display:block;width:22px;height:46px;background: transparent url(‘/.s/img/photopage/photo-arrows.png’) no-repeat;}
#rightSwch {display:block;width:22px;height:46px;background: transparent url(‘/.s/img/photopage/photo-arrows.png’) no-repeat -22px 0;}
#leftSwch:hover, #rightSwch:hover {opacity: .8;filter: alpha(opacity=80);}
#phtOtherThumbs img {vertical-align: middle;}
.photoActiveA img {}
.otherPhotoA img {opacity: 0.5; filter: alpha(opacity=50);-webkit-transition: opacity .2s .1s ease;transition: opacity .2s .1s ease;}
.otherPhotoA:hover img {opacity: 1; filter: alpha(opacity=100);}
#phtOtherThumbs .ph-wrap {display: inline-block;vertical-align: middle;background: url(/.s/img/photopage/opacity02.png);}
.animate-wrap {position: relative;left: 0;}
.animate-wrap .ph-wrap {margin: 0 3px;}
#phtOtherThumbs .ph-wrap, #phtOtherThumbs .ph-tc {/*width: 200px;height: 150px;*/width: auto;}
.animate-wrap a {display: inline-block;width: 33.3%;*width: 33.3%;*zoom: 1;position: relative;}
#phtOtherThumbs .ph-wrap {background: none;display: block;}
.animate-wrap img {width: 100%;}

$(function() {
if (typeof($(‘#leftSwch’).attr(‘onclick’)) === ‘function’) {
$(‘#leftSwch’).click($(‘#leftSwch’).attr(‘onclick’));
$(‘#rightSwch’).click($(‘#rightSwch’).attr(‘onclick’));
} else {
$(‘#leftSwch’).click(new Function($(‘#leftSwch’).attr(‘onclick’)));
$(‘#rightSwch’).click(new Function($(‘#rightSwch’).attr(‘onclick’)));
}
$(‘#leftSwch’).removeAttr(‘onclick’);
$(‘#rightSwch’).removeAttr(‘onclick’);
});

function doPhtSwitch(n,f,p,d) {
if (!f){f=0;}
$(‘#leftSwch’).off(‘click’);
$(‘#rightSwch’).off(‘click’);
var url = ‘/photo/1-0-0-10-‘+n+’-‘+f+’-‘+p;
$.ajax({
url: url,
dataType: ‘xml’,
success: function( response) {
try {
var photosList = [];
photosList[‘images’] = [];
$($(‘cmd’, response).eq(0).text()).find(‘a’).each(function() {
if ($(this).hasClass(‘leftSwitcher’)) {
photosList[‘left’] = $(this).attr(‘onclick’);
} else if ($(this).hasClass(‘rightSwitcher’)) {
photosList[‘right’] = $(this).attr(‘onclick’);
} else {photosList[‘images’].push(this);}
});
photosListCallback.call(photosList, photosList, d);
} catch(exception) {
throw new TypeError( «getPhotosList: server response does not seems to be a valid uCoz XML-RPC code: » . response );
}
}
});
}

function photosListCallback(photosList, direction) {
var dirSign;
var imgWrapper = $(‘#oldPhotos’); // CHANGE this if structure of nearest images changes!
var width = imgWrapper.width();
imgWrapper.width(width);
imgWrapper = imgWrapper.find(‘ > span’);
newImg = $(‘‘, {
id: ‘newImgs’
});
$.each(photosList[‘images’], function() {
newImg.append(this);
});
if (direction == ‘right’) {
dirSign = ‘-‘;
imgWrapper.append(newImg);
} else {
dirSign = ‘+’;
imgWrapper.prepend(newImg).css(‘left’, ‘-‘ + width + ‘px’);
}
newImg.find(‘a’).eq(0).unwrap();
imgWrapper.animate({left: dirSign + ‘=’ + width + ‘px’}, 400, function() {
var oldDelete = imgWrapper.find(‘a’);
if (direction == ‘right’) {oldDelete = oldDelete.slice(0, 3);}
else {oldDelete = oldDelete.slice(-3);}
oldDelete.remove();
imgWrapper.css(‘left’, 0);
try {
if (typeof(photosList[‘left’]) === ‘function’) {
$(‘#leftSwch’).click(photosList[‘left’]);
$(‘#rightSwch’).click(photosList[‘right’]);
} else {
$(‘#leftSwch’).click(new Function(photosList[‘left’]));
$(‘#rightSwch’).click(new Function(photosList[‘right’]));
}
} catch(exception) {
if ( console && console.log ) console.log(‘Something went wrong: ‘, exception);
}
});
}