| |
|
|
| | есть привью при нажатии на привь.шку надо чтобы всплывало окно размером с большую картинку я думаю ето реализовать можно посредствам явы видел здесь несколько примеров но несовсем то хотелос бы как можно короче оформить сию реализацию | |
| |
|
|
| |
|
|
| |
для: sidPR
(26.08.2005 в 15:24)
| | | У вас отдельные изображения для большой и маленькой фотографий или одно? | |
| |
|
|
| |
|
|
| |
для: cheops
(26.08.2005 в 21:48)
| | | Да два отдельных изображения просто 2 линка беруться из базы на мелкую и большую картинку | |
| |
|
|
| |
|
|
| |
для: sidPR
(26.08.2005 в 22:56)
| | | Можно воспользоваться следующим скриптом
<?php
echo "<center><a title='Увеличить изображение' href=# OnClick=\"javascript:show_img('$bigimage', $width, $height); return false;\"><img width=100 hight=50 src=$smallimage></a></center>";
<script language='JavaScript1.1' type='text/javascript'>
<!--
function show_img(img,width,height)
{
var a;
var b;
var features;
vidWindowWidth=width + 1;
vidWindowHeight=height + 1;
a = 0;
b = 0;
features = "top=" + a + ",left=" + b + ",width=" + vidWindowWidth + ",height=" + vidWindowHeight + ", toolbar=0, menubar=0, status=0, location=0, directories=0, scrollbars=0, resizable=0, marginwidth=0, marginheight=0, bottommargin=0, topmargin=0, leftmargin=0, rightmargin=0";
window.open(img,'',features,true);
return false;
}
//-->
</script>
|
| |
| |
|
|
| |
|
|
| |
для: cheops
(26.08.2005 в 23:03)
| | | Так ну вроде все вышло только вокруг картинки белые поля остаються хотелось бы чтобы тютелька в тютельку по краю | |
| |
|
|
| |
|
|
| |
для: sidPR
(26.08.2005 в 23:38)
| | | пытаюсь запихать
style = '{
margin-left: 0px;
margin-top: 0px;
}'
|
в процесе создания окна толку ноль :( подскажите как избежать промежутков ? | |
| |
|
|
| |
|
|
| |
для: sidPR
(26.08.2005 в 23:38)
| | | Белые поля появляются из-за того, что по умолчанию тег body содержит отступы.
Вам нужно либо формировать страницу полностью JavaScript-ом, включая тег <body>, либо открывать уже "настроенную" страницу, передавая ей изображение в качестве параметра.
Вариант 2.
<html>
<head>
<script language="JavaScript">
function show_img(img,width,height)
{
var a
var b
var url
vidWindowWidth=width;
vidWindowHeight=height;
a=(screen.height-vidWindowHeight)/5;
b=(screen.width-vidWindowWidth)/2;
features="top="+a+",left="+b+",width="+vidWindowWidth+",
height="+vidWindowHeight+",toolbar=no,menubar=no,location=no,
directories=no,scrollbars=no,resizable=no";
url="show.php?img="+img;
window.open(url,'',features,true);
return false;
}
</script>
</head>
<body>
<?
// $image - имя маленькой картинки
$image_small = "small.jpg";
// $image - имя большой картинки
$image = "big.jpg";
// $size_small - массив с размерами маленького изображения
$size_small = getimagesize($image_small);
// $size - массив с размерами большого изображения
$size = getimagesize($image);
echo"<a href='#' OnClick=\"show_img('".$image."','$size[0]','$size[1]')\">
<img src=".$image_small." ".$size_small[3]."></a>";
?>
|
Файл show.php
<?
$filename = $_GET['img'];
$size = getimagesize($filename);
$title="Просмотр фотографии";
?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<meta http-equiv="imagetoolbar" content="no">
<title><?= $title ?></title>
</head>
<body marginheight="0" marginwidth="0" rightmargin="0" bottommargin="0" leftmargin="0" topmargin="0" bgcolor="white">
<img src="<? echo $filename;?>" border="0" <?= $size[3] ?>>
</body>
|
| |
| |
|
|
