| |
|
|
| | JS сложнея php
Как это сделать я не знаю:
Есть форма там типа :<input type=file>
Надо как-то сделать так чтобы после того как пользователь выбрал фотку ( и она с расширением JPG если нет типа ошибка) она отображалась слевы или справа от формы в уменьшенном ввиде.
Как это сделать я без понятия.
Кому не сложно подскажите. | |
| |
|
|
| |
|
|
| |
для: kest131
(25.04.2006 в 17:32)
| | | Примерно так:
<title>Картинки не более заданной ширины.</title>
<SCRIPT>d=document;g=function(a){return d.getElementById(a);}
loadGallery=function(objGal,nameGal,widthGal,heightGal){//вывод галереи
//параметры:(объект_в котором правят размеры,
// имя группы картинок,
// макс.ширина и высота(может отсут.) картинки)
if(!heightGal)heightGal=1999;
g(objGal).style.width=widthGal;
var arrGal=d.getElementsByName(nameGal);
var i,k;
for(i=0;i<arrGal.length;i++){
k=1;
if(arrGal[i].offsetWidth>widthGal)k=arrGal[i].offsetWidth/widthGal;
if(arrGal[i].offsetHeight>heightGal)k=Math.max(k,arrGal[i].offsetHeight/heightGal)
arrGal[i].style.width=arrGal[i].offsetWidth/k;
arrGal[i].style.visibility='visible';
}
}</SCRIPT>
<body onload=g('in1').disabled=g('in2').disabled=!1;>
<B>Картинки не более заданной ширины.</B><br><br>
<STYLE>img{visibility:hidden;}
#gal{text-align:center;}
</STYLE>
<input id=in2 type=button value=Править_галерею_на_400х280 onclick=loadGallery('gal','gal1',400,280) disabled><br>
<input id=in1 type=button value=Править_галерею_на_100х... onclick=loadGallery('gal','gal1',100) disabled><br><br>
<div id=gal>
<img name=gal1 src=Imaf4-YM20041031.jpg><br><br>
<img name=gal1 src=fo167-YM20030829-1.jpg><br><br>
<img name=gal1 src=snow21.gif><br><br>
</div>
(размеры без Reload не восстанавливаются)
|
Демо: | |
| |
|
|
| |
|
|
| |
для: kest131
(25.04.2006 в 17:32)
| | | См. аттач. Работает будет наверное только в IE. | |
| |
|
|
