Вот сам код
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Редактор</title>
<meta name="description" content="Редактор"></meta>
<meta name="keywords" content="Редактор"></meta>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type"></meta>
<link rel="stylesheet" type="text/css" href="/templates/template1/style.css?1354405685" /> <link rel="stylesheet" type="text/css" href="/hostcmsfiles/style.css" />
<!-- jQuery -->
<script type="text/javascript" src="/hostcmsfiles/jquery/jquery.js"></script>
<!-- validate -->
<script type="text/javascript" src="/hostcmsfiles/jquery/jquery.validate.js"></script>
<!-- LightBox -->
<script type="text/javascript" src="/hostcmsfiles/jquery/lightbox/js/jquery.lightbox.js"></script>
<link rel="stylesheet" type="text/css" href="/hostcmsfiles/jquery/lightbox/css/jquery.lightbox.css" media="screen" />
<script type="text/javascript" src="/hostcmsfiles/ajax/JsHttpRequest.js"></script>
<script type="text/javascript" src="/hostcmsfiles/ajax/ajax.js"></script>
<script type="text/javascript" src="/hostcmsfiles/main.js"></script>
<script type="text/javascript" src="/hostcmsfiles/jquery/jquery-ui-1.7.3.custom.min.js"></script>
<script type="text/javascript" src="/hostcmsfiles/jquery/jQueryRotateCompressed.2.1.js"></script>
<script type="text/javascript" src="/hostcmsfiles/jquery/jquery.ocupload-1.1.2.packed.js"></script>
<script type="text/javascript" src="/hostcmsfiles/jquery/swfobject.js"></script>
<script type="text/javascript" src="/hostcmsfiles/jquery/jquery.uploadify.v2.1.4.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#file_upload').uploadify({
'uploader' : '/uploadify.swf',
'script' : '/uploadify.php',
'cancelImg' : '/images/uploadify-cancel.png',
'folder' : '/upload/tmp',
'auto' : true,
'fileExt' : '*.jpg;*.gif;*.png',
'fileDesc' : 'Image Files (.JPG, .GIF, .PNG)',
'queueID' : 'custom-queue',
'multi':true,
'buttonText' : 'Загрузить фото',
'queueSizeLimit' : 10,
'simUploadLimit' : 10,
'sizeLimit' : 10240000,
'removeCompleted': false,
'onSelectOnce' : function(event,data) {
$('#status-message').text(data.filesSelected + ' загрузка');
},
'onAllComplete' : function(event,data) {
$('#status-message').text(data.filesUploaded + ' загрузка завершена, ' + data.errors + ' ошибок.');
},
onComplete : function(event,queueID,fileObj,response,data) {
document.getElementById("files_foto").value=document.getElementById("files_foto").value + "<img src='
http://sitename.ru" + response + "'/>\r\n";
}
});
});
</script>
<!-- BBcode -->
<script type="text/javascript" src="/hostcmsfiles/jquery/bbedit/jquery.bbedit.js"></script>
<script type="text/javascript">
$(function() {
$('#gallery a:has(img)').lightBox();
//Предварительная загрузка изображений
$.preLoadImages("/images/red_grad.gif",
"/images/top_menu_l.gif",
"/images/top_menu_r.gif");
});
</script>
<script type="text/javascript">
$(document).ready(function(){
$("#carousel").CloudCarousel({
xPos:480,
yPos:20,
FPS:30,
autoRotate: 'left',
autoRotateDelay: 1800,
speed:0.4,
reflHeight: 6,
reflGap:2,
mouseWheel:true,
});
});
</script>
</head>
<body>
<!-- #header-->
<!--main-->
<div id="main" >
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="240" valign="top" style="padding:10px;"> </td>
<td valign="top" style="padding:10px;" >
<table width="100%" style="border:#00CCFF solid 1px;" height="510" >
<tr>
<td valign="top" style="border-right:#CCC dotted 1px;width:230px;background:url(/images/bgpanel.gif );padding:10px; ">
<h2>Панель инструментов</h2>
<div align="center" ><span onclick="umenh();"><img src="/images/redaktor/zoom_out.png" /></span></div>
<div align="center"><span onclick="uvel();"><img src="/images/redaktor/zoom_in.png" /></span></div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" >
<tr>
<td align="center" valign="top">
<span onclick="pov_l();"><img src="/images/redaktor/rotate-ccw.png" /></span>
</td >
<td align="center" >
<span onclick="pov_r();"><img src="/images/redaktor/rotate-cw.png" /></span>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" >
<tr>
<td align="center" >
<a href="#" ><img src="/images/bti.png" width="180" height="40" id="upload1" /> </a>
</td>
</tr>
</table>
<div id="progress1" ></div>
</td>
<td style="padding:25px;background:url(/images/fon.jpg);" align="left" >
<div style="width:700px; height:500px; border:1px; float:left;overflow:hidden;">
<div id="imgs2" style="position:relative; z-index:100">
<img id="imgs3" src="/images/redaktor/face1.png" />
</div>
<div style="z-index:90;">
<img id="imgs" src="/images/redaktor/putin.vv.jpg" style=" -webkit-box-shadow: #cccccc 5px 5px 10px; -moz-box-shadow: #cccccc 10px 10px 10px; box-shadow: #cccccc 10px 10px 10px;" />
</div>
</div>
</td>
</tr>
</table>
<script type="text/javascript">
var a=360;
function umenh(){
var width = $("#imgs").attr("width");
var height = $("#imgs").attr("height");
$('#imgs').animate({'width': '-='+(width/10)+'px'},'fast');
$('#imgs').animate({'height': '-='+(height/10)+'px'},'fast');
};
function uvel(){
var width = $("#imgs").attr("width");
var height = $("#imgs").attr("height");
$('#imgs').animate({'width': '+='+(width/10)+'px'},'fast');
$('#imgs').animate({'height': '+='+(height/10)+'px'},'fast');
};
function pov_r(){
a=a+3;
$("#imgs").rotate(a);
};
function pov_l(){
a=a-3;
$("#imgs").rotate(a);
};
$(function() {
$("#imgs").draggable();
$("#imgs2").draggable();
});
var myUpload =$('#upload1').upload({
name: 'file',
method: 'post',
enctype: 'multipart/form-data',
action: '../ajax_upload.php',
onSubmit: function() {
$('#progress1').html('<center><img src="/images/loading42.gif" /></center>');
},
onComplete: function(data) {
$('#progress1').text('Файл успешно отправлен');
data = eval("("+ data +")") ;
$("#imgs").attr("src","/upload/tmp/"+data);
}
});
</script>
<center>
<div style="border:#00CCFF solid 1px;border-top:none;background:#00CCFF ;" >
<img style="padding:3px;" src="/images/redaktor/1.png" alt="" width="100" onclick='$("#imgs3").attr("src","/images/redaktor/1.png");' />
<img style="padding:3px;" src="/images/redaktor/2.png" alt="" width="100" onclick='$("#imgs3").attr("src","/images/redaktor/2.png");' />
<img style="padding:3px;" src="/images/redaktor/3.png" alt="" width="100" onclick='$("#imgs3").attr("src","/images/redaktor/3.png");' />
<img style="padding:3px;" src="/images/redaktor/4.png" alt="" width="100" onclick='$("#imgs3").attr("src","/images/redaktor/4.png");' />
<img style="padding:3px;" src="/images/redaktor/5.png" alt="" width="100" onclick='$("#imgs3").attr("src","/images/redaktor/5.png");' />
<img style="padding:3px;" src="/images/redaktor/6.png" alt="" width="100" onclick='$("#imgs3").attr("src","/images/redaktor/6.png");' />
<img style="padding:3px;" src="/images/redaktor/7.png" alt="" width="100" onclick='$("#imgs3").attr("src","/images/redaktor/7.png");' />
<img style="padding:3px;" src="/images/redaktor/8.png" alt="" width="100" onclick='$("#imgs3").attr("src","/images/redaktor/8.png");' />
<img style="padding:3px;" src="/images/redaktor/9.png" alt="" width="100" onclick='$("#imgs3").attr("src","/images/redaktor/9.png");' />
</div>
</center>
</body>
</html>
27.05.2021, 12:31:15