|
| |
|
|
| |
для: Shoom
(24.04.2006 в 22:45)
| | | Ловите готовое решение, без использования серверных языков:
Ваша страница с картинками
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
<head>
<title>Galery</title>
<script language="javascript">
function openImage(image_location){
windop = window.open('image_viewer.htm?image_location=' +image_location,null,"fullscreen=no,status=yes,toolbar=no,menubar=yes,location=no,resizable=yes,scrollbars=yes");
}
</script>
</head>
<body>
<a href="#" onclick="openImage('bmw.jpg')"><img src="bmw.jpg"></a>
</body>
</html>
</html>
|
Это ваш Image Viewer
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
<head>
<title>Image Viewer</title>
<script language="javascript">
// GET parameter of image location
function getURLParam(strParamName){
var strReturn = "";
var strHref = window.location.href;
if ( strHref.indexOf("?") > -1 ){
var strQueryString = strHref.substr(strHref.indexOf("?")).toLowerCase();
var aQueryString = strQueryString.split("&");
for ( var iParam = 0; iParam < aQueryString.length; iParam++ ){
if (aQueryString[iParam].indexOf(strParamName + "=") > -1 ){
var aParam = aQueryString[iParam].split("=");
strReturn = aParam[1];
break;
}
}
}
return strReturn;
}
// show image
function showImage(){
var image_location = getURLParam("image_location");
var image_tag = document.getElementById("image_tag");
image_tag.innerHTML= "<img src='" + image_location + "' align='center'>";
}
</script>
</head>
<body onload="showImage()">
<div id="image_tag" align="center">
</div>
</body>
</html>
</html>
|
Из галереи, в Image Viewer передается параметр содержащий ссылку на картинку которую надо открыть.
Ссылка с параметром берутся из адресной строки, потом обрабатываются, и выводится картинка. | |
| |
|
|
| |
|
|
| |
для: codexomega
(24.04.2006 в 22:08)
| | | так почему то не получаеться... сначала загружаеться сам код страницы, а потом ошибка.
А вообще возможно что нить сделать с тем что я написал. Я впринципе не очень силен в програмировании, но как я понимаю, то что картинка грузиться слева с верху, это какое-то умолчание, его ведь можно наверное как нить изменить...??? | |
| |
|
|
| |
|
|
| |
для: Shoom
(24.04.2006 в 21:31)
| | | О window.open() можно посмотреть здесь:
http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/methods/open_0.asp
Будет лучше сделать окно специально для картинок.
И открывать его, с вложенной ссылкой(параметром) картинки.
windop = window.open('picture_viewer.php?image_id=' +image_id,null,"fullscreen=yes,status=yes,toolbar=no,menubar=yes,location=no,resizable=yes,scrollbars=yes");
|
| |
| |
|
|
| |
|
|
| | Добрый день.
Подскажите пож-та каким образом можно в новом окне спозиционировать картинку по центру. У меня получаеться, что она постоянно в левом верхнем углу.
Т.е мне нужно, что бы при клике на миниатюре открывалось новое окно (во весь экран) и в это окно загружалась увеличеная картинка
Я Пишу
<a href="#" onclick="windop = window.open('images/img746.jpg''align=top','mywin1','height=top','width=top');" >
<img border="0" src="images/mini/img746.jpg" width="89" height="135">
Заранее благодарен. | |
| |
|
|
|
