EIOS/viewfile.php

103 lines
3.5 KiB
PHP

<?php
exit();
if(isset($_GET['it'])){
$dir = 'upload/iup/';
$file = str_replace('upload/iup/','',$_GET['it']);
if(file_exists($dir.$file)){
if(isset($_GET['r'])){
$image = $dir.$file;
$new_image = $dir.$file;
$img = imagecreatefromjpeg($image); // Картинка
$degrees = $_GET['r']; //Наклон картинки
$imgRotated = imagerotate($img, $degrees, 0);
imagejpeg($imgRotated, $new_image, 90); // Новая картинка
}
echo echo_head();
echo '<div class="plaha">Повернуть:
<a href="#" class="btnRotate1" id="90">90</a> |
<a href="#" class="btnRotate1" id="-90">-90</a> |
<a href="#" class="btnRotate1" id="180">180</a>
</div>';
echo '<img src="'.$dir.$file.'" class="my-foto" data-large="'.$dir.$file.'" title="Фото">';
echo '<style>
.my-foto{
width:100%;
max-width:100%;
position:absolute;
top:0px;
left:0px;
}
.plaha{
position:absolute;top:0px;left:0px;z-index:99999;background-color:#fff;padding:10px;
}
</style>';
echo '<script>jQuery(function(){
$(".my-foto").imagezoomsl({
zoomrange: [1, 12],
zoomstart: 4,
innerzoom: true,
magnifierborder: "none"
});
$(".btnRotate1").click(function(){
var degree = $(this).attr("id");
$.get( "viewfile.php?it='.$file.'&r="+degree, function( data ) {
location.reload();
});
return false;
});
$(".btnRotate").click(function(){
var degree = $(this).attr("id");
var w = $(".my-foto").width();
var h = $(".my-foto").height();
rotateImage(degree);
$(".my-foto").css({"top":"-"+(w/2)+"px"});
return false;
});
function rotateImage(degree) {
$(".my-foto").animate({ transform: degree }, {
step: function(now,fx) {
$(this).css({
"-webkit-transform":"rotate("+now+"deg)",
"-moz-transform":"rotate("+now+"deg)",
"transform":"rotate("+now+"deg)"
});
}
});
}
});</script>';
}
}
function echo_head(){
$out = '<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8" />
<title>Просмотр фото</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<meta content="" name="description" />
<meta content="" name="author" />
<link href="/tpl/assets/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
<link href="/tpl/assets/bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet" />
<link href="/tpl/assets/font-awesome/css/font-awesome.css" rel="stylesheet" />
<link href="/tpl/css/style.css" rel="stylesheet" />
<link href="/tpl/css/style-responsive.css" rel="stylesheet" />
<link href="/tpl/css/style-default.css" rel="stylesheet" id="style_color" />
<link href="/tpl/assets/fancybox/source/jquery.fancybox.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="/tpl/assets/uniform/css/uniform.default.css" />
<link rel="stylesheet" type="text/css" href="/tpl/assets/chosen-bootstrap/chosen/chosen.css" />
<link rel="stylesheet" type="text/css" href="/tpl/assets/jquery-tags-input/jquery.tagsinput.css" />
<link rel="stylesheet" type="text/css" href="/tpl/assets/clockface/css/clockface.css" />
<link rel="stylesheet" type="text/css" href="/tpl/assets/bootstrap-wysihtml5/bootstrap-wysihtml5.css" />
<script src="/tpl/js/jquery-1.8.3.min.js"></script>
<script src="/tpl/js/zoomsl-3.0.min.js"></script>
</head><body>';
return $out;
}
?>