Форум Сайтостроение Веб-строительство

Увеличение изображений в каталоге файлов uCoz

WebMage
На сайте с 17.08.2011
Offline
142
WebMage
668

подскажите как сделать чтобы при увлечении изображения на моём сайте изображение красиво увеличивалось прямо на этой же страничке а не открывалось в пустом окне

вот у меня сейчас так

а хотелось бы чтобы это выглядело вот как здесь

Полностью код страницы и комментариев к нему сейчас выглядит вот так: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 4.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<head>

<script type="text/javascript" src="/js/scripts.js"></script>

<title>$ENTRY_TITLE$ - $SITE_NAME$</title>

<meta name="description" content="Скачать $ENTRY_TITLE$ дополнения к Minecraft $VERSION$ бесплатно."/>

<link type="text/css" rel="StyleSheet" href="/_st/my.css" />

 </head>

<body class="modules$MODULE_ID$ pages$PAGE_ID$ uri$URI_ID$">



$GLOBAL_AHEADER$



<!-- <middle> -->

<div class="side_main">



<div class="side_left">

$GLOBAL_CLEFTER$

</div>



<div class="side_right">

$GLOBAL_DRIGHTER$

</div>



<div class="side_center"><!-- <body> --><table border="0" cellpadding="0" cellspacing="0" width="100%">

<tr>

<td width="80%"><a href="$HOME_PAGE_LINK$"><!--<s5176>-->Главная<!--</s>--></a> &raquo; <a href="$CAT_URL$">$CAT_NAME$</a></td>

<td align="right" style="white-space: nowrap;"><?if($ADD_ENTRY_LINK$)?>[ <a href="$ADD_ENTRY_LINK$"><!--<s5186>-->Добавить материал<!--</s>--></a> ]<?endif?></td>

</tr>

</table>

<hr />

<div class="viewn_loop">

<div class="viewn_title_c"><div class="viewn_title_l"><div class="viewn_title_r">

<div class="viewn_rate">

 <?$RSTARS$('20','/designs_56/rating.png','1','float')?></div>

<h4>$ENTRY_TITLE$ $MODER_PANEL$ </h4>

</div></div></div>



<div class="viewn_t_inform">

<span class="add_pers">Добавил: <a href="$PROFILE_URL$">$USERNAME$</a></span>

<span class="add_time">Добавлен: $DATE$</span>

<span class="vti_read">Просмотров: $READS$</span>

</div>

<div class="v_hr"></div>



<div class="hidden">

<div class="viewn_poster" style="margin:0 0 0 260px;"><a title="$TITLE$" alt="$TITLE$"><div class="viewn_poster_rama"></div></a><img src="$IMG_URL1$" title="$TITLE$" alt="$TITLE$"></div></div>

<div class="hidden" align="center">

 <!--noindex--><center><script type="text/javascript"><!--

google_ad_client = "ca-pub-4039312011516411";

/* ат уа 468 */

google_ad_slot = "8366670426";

google_ad_width = 468;

google_ad_height = 60;

//-->

</script>

<script type="text/javascript"

src="http://pagead2.googlesyndication.com/pagead/show_ads.js">

</script></center><!--/noindex-->

$MESSAGE$&nbsp;</p>

<div align="center" style="clear:both; margin:5px 0;">

<?if($IMGS_ARRAY_JS$ )?>$IMGS_ARRAY_JS$ 

<div id="fi4aruimg$ID$"></div> 

<script type="text/javascript"> 

 var html=''; 

 for(i in allEntImgs$ID$) { 

 var aImg=allEntImgs$ID$; 

 html+=(aImg[3] && aImg[3].length>0 ? '<br/><br/><a href="'+aImg[0]+'" target="_blank"><img src="'+aImg[3]+'" border="0" alt="$ENTRY_TITLE$" title="$ENTRY_TITLE$" /></a>' : '<br/><br/><img src="'+aImg[0]+'" border="0" alt="$ENTRY_TITLE$" title="$ENTRY_TITLE$" />'); 

 } 

 document.getElementById('fi4aruimg$ID$').innerHTML=html; 

// Доработка: Sheriff ~ http://fi4a.ru/ 

</script> 

<?endif?>

 

 <!-- <ajax_img> --><?if($PAGE_ID$='entry')?> 

<script type="text/javascript"> 

/*modal:0,speeds:fast,fadespeed:0,fadeclosespeed:0,fadetype:0,fadeclosetype:0,popup:0,waitimages:300000,autosizewidth:1,hideonresize:1,autosize:1,align:'center',min:0,max:0,resize:1*/ 

function showImg(url){ 

new _uWnd('myWndFullImg','Полное изображение','10','10',{modal:0,speeds:0,fadespeed:0,fadeclosespeed:0,fadetype:0,fadeclosetype:0,popup:0,waitimages:300000,autosizewidth:1,hideonresize:1,autosize:1,align:'center',minh:100,minw:100,min:0,max:0,resize:1},'<img src=\"'+url+'\" alt=\"Полное изображение\" title=\"Полное изображение\" />'); 

}; 

$(document).ready(function(){ 

$("td.eText a[title^='Нажмите']").click(function(){ 

showImg(this.href);return false; 

});}); 

</script> 

 <?endif?><!-- </ajax_img by webo4ka.ru> -->

 

 <li><b><a href="<?if($FILE_URL$)?>$FILE_URL$<?else?>$RFILE_URL$<?endif?>" target="_blank"><!--<s5224>--><b>Скачать $ENTRY_TITLE$</b><!--</s>--></a></b> </li>

 

 <center><script type="text/javascript"><!--

google_ad_client = "ca-pub-4039312011516411";

/* ат уа 468 */

google_ad_slot = "8366670426";

google_ad_width = 468;

google_ad_height = 60;

//-->

</script>

<script type="text/javascript"

src="http://pagead2.googlesyndication.com/pagead/show_ads.js">

</script></center>

 

<?if($USERS_ON$)?> 

<?if($USER_LOGGED_IN$)?> 

<div> 

<?if($FILE_URL$)?><a href="$FILE_URL$" target="_blank"><IMG src="http://minecraft-club.at.ua/_ld/0/74959916.png" border=0></a> ($FILE_SIZE$)<?endif?></div> 

<div><?if($RFILE_URL$)?><a href="$RFILE_URL$" target="_blank"><IMG src="http://minecraft-club.at.ua/_ld/0/74959916.png" border=0></a><b>$RFILE_SIZE$</b></A><?endif?></div> 

<?else?> 

<DIV id=linkPlace align=left><SPAN style="FONT-SIZE: 10pt; COLOR: #daa520">Подождите: <SPAN id=timeNumer style="FONT-SIZE: 10pt; COLOR: #daa520">0</SPAN> сек ...</SPAN></DIV> 

<script> 



var timerFIG = 60; 



document.all.timeNumer.innerHTML = timerFIG; 



var timer = setInterval("startTimer()",1000); 



function startTimer() 

{ 

if(timerFIG !== 1) { 

timerFIG--; 

document.all.timeNumer.innerHTML = timerFIG; 

} 

else 

{ 

clearInterval(timer); 



document.all.linkPlace.innerHTML = '<a href="$FILE_URL$ $RFILE_URL$" target="_blank"><IMG src="http://minecraft-club.at.ua/_ld/0/74959916.png" border=0></a><b>$FILE_SIZE$ $RFILE_SIZE$</b></A>'; 

} 



} 

</script> 



</td> 



<tr> 

<td class="eText" colspan="2"> 

<noindex><div style="margin:-2px auto 6px; color:red; font-size:7pt; text-align:center;">Внимание: <a href="$REGISTER_LINK$" title="Регистрация">зарегистрируйтесь</a> и скачивайте без ожидания.</div></noindex> 

<?endif?> 

<?endif?>

 <!--noindex--><center><div class='pluso pluso-theme-color pluso-round' style='background:#eaeaea;'><div class='pluso-more-container'><a class='pluso-more' href=''></a><ul class='pluso-counter-container'><li></li><li class='pluso-counter'></li><li></li></ul></div><a class='pluso-odnoklassniki'></a><a class='pluso-vkontakte'></a><a class='pluso-moimir'></a><a class='pluso-twitter'></a><a class='pluso-facebook'></a><a class='pluso-google'></a><a class='pluso-livejournal'></a><a class='pluso-liveinternet'></a></div>

 <script type='text/javascript'>if(!window.pluso){pluso={version:'0.9.1',url:'http://share.pluso.ru/'};h=document.getElementsByTagName('head')[0];l=document.createElement('link');l.href=pluso.url+'pluso.css';l.type='text/css';l.rel='stylesheet';s=document.createElement('script');s.src=pluso.url+'pluso.js';s.charset='UTF-8';h.appendChild(l);h.appendChild(s)}</script></center><!--/noindex-->

 

</div>

</div>

<div class="v_hr"></div>

<div class="viewn_inf">

<div class="viewn_bComm"><div class="viewn_bComm_in"><span>Комментариев: $COMMENTS_NUM$</span></div></div>

<div class="viewn_bCats"><span><a href="$CAT_URL$">$CAT_NAME$</a></span></div>

</div>



<div class="v_hr"></div>

<?if($COM_IS_ACTIVE$)?>

<?if($COM_CAN_READ$)?>

<table border="0" cellpadding="0" cellspacing="0" width="100%">

<tr><td width="60%" height="25"><!--<s5183>-->Всего комментариев<!--</s>-->: <b>$COM_NUM_ENTRIES$</b></td><td align="right" height="25">$COM_PAGE_SELECTOR$</td></tr>

<tr><td colspan="2">$COM_BODY$</td></tr>

<tr><td colspan="2" align="center">$COM_PAGE_SELECTOR1$</td></tr>

<tr><td colspan="2" height="10"></td></tr>

</table>

<?endif?>



<div class="viewn_comm">



<div class="hidden" style="padding:0 5px 10px 5px;">

<b class="vComm_add_bg"></b>

<div style="padding:12px 0 0 0;" align="right"><!--<s5183>-->Всего комментариев<!--</s>-->: <b>$COMMENTS_NUM$</b></div>

</div>





<?if($COM_CAN_ADD$)?>

$COM_ADD_FORM$

<?else?>

<?if($USER_LOGGED_IN$)?><?else?><div align="center" class="commReg"><!--<s5237>-->Добавлять комментарии могут только зарегистрированные пользователи.<!--</s>--><br />[ <a href="$REGISTER_LINK$"><!--<s3089>-->Регистрация<!--</s>--></a> | <a href="$LOGIN_LINK$"><!--<s3087>-->Вход<!--</s>--></a> ]</div><?endif?>

<?endif?>

<?endif?>



</div>

 <!-- </body> --></div>



</div>

<!-- </middle> -->



$GLOBAL_BFOOTER$





</body>

</html>

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий