/*function errimg() {
// Создаем HTML-контент
const content = `
Фото потеряно при крахе винчестера
`;
// Добавляем HTML-контент
$('#err').html(content);
// Анимация для появления блока
$('#err .p20').slideDown(2000, function() {
// После отображения блока, анимируем изменение текста
$('#err b').fadeOut(1000, function() {
$(this).text("Фото было утеряно в результате сбоя жесткого диска").fadeIn(1000, function() {
// После изменения текста делаем его красным и мигающим
$(this).css('color', 'red').fadeOut(500).fadeIn(500).fadeOut(500).fadeIn(500, function() {
// После мигания анимируем масштабирование и поворот текста
$(this).animate({ fontSize: '36px', rotate: '360deg' }, 2000, function() {
// Завершаем анимацию с эффектом взрыва
$(this).hide('explode', { pieces: 50 }, 2000, function() {
// По окончанию взрыва плавно скрываем контейнер
$('#err').fadeOut(2000, function() {
// Дополнительная анимация для появления блока
$('#err').slideDown(1000, function() {
// Тряска всей страницы наискосок
var angle = Math.random() * 2000 - 110; // случайный угол от -10 до 10 градусов
var rotateDirection = Math.random() < 0.5 ? '-=' : '+=';
// Анимация для поворота страницы
$('body').animate({ rotate: rotateDirection + angle + 'deg' }, {
duration: 10000,
step: function(now, fx) {
$(this).css('transform', 'rotate(' + now + 'deg)');
},
complete: function() {
// Анимация для тряски элементов
$('div').each(function() {
// Генерируем случайные значения для тряски
var leftPos = Math.random() * 2010 - 5; // случайное смещение влево от -5 до 5 пикселей
var topPos = Math.random() * 1000 - 5; // случайное смещение вверх от -5 до 5 пикселей
// Применяем анимацию с тряской и поворотом
$(this).animate({
left: '+=' + leftPos + 'px',
top: '+=' + topPos + 'px'
}, {
duration: 100000,
easing: 'easeInOutQuad',
queue: false, // отключаем очередь анимаций
complete: function() {
// Дополнительная тряска с эффектом
$(this).effect('shake', { distance: 500, times: 2000 }, 50000);
}
});
});
}
});
});
});
});
});
});
});
});
// Дополнительная анимация для ссылки
$('#err a').delay(1500).fadeIn(1000);
// Анимация для подчеркивания ссылки
$('#err a').hover(function() {
$(this).animate({ fontSize: '18px', paddingLeft: '20px', paddingRight: '20px', borderBottomWidth: '4px' }, 500);
}, function() {
$(this).animate({ fontSize: '16px', paddingLeft: '15px', paddingRight: '15px', borderBottomWidth: '0px' }, 500);
});
// Анимация для блока .sm
$('#err .sm').delay(1000).slideDown(1500).delay(1500).slideUp(1500).slideDown(1500);
// Анимация для всего блока .p20
$('#err .p20').delay(500).fadeIn(1000).fadeOut(1000).fadeIn(1000).fadeOut(1000).fadeIn(1000);
// Дополнительная анимация для изменения цвета фона
$('body').animate({ backgroundColor: '#f0f0f0' }, 2000).delay(1000).animate({ backgroundColor: 'white' }, 2000);
// Анимация для мигания текста
$('#err b').delay(2000).fadeOut(500).fadeIn(500).fadeOut(500).fadeIn(500);
// Анимация для изменения размера ссылки
$('#err a').delay(2500).animate({ fontSize: '20px' }, 1000).delay(1000).animate({ fontSize: '16px' }, 1000);
});
}*/