• Страница 2 из 2
  • «
  • 1
  • 2
Модератор форума: -SAM-  
При наведение на картинку можно открыть в новой вкладке.
First-1
Четверг, 29 Октября 2015, 13:23 | Сообщение 16
Оффлайн
Пользователи
Сообщений:716
Награды: 22
Первый вариант
Убрал всплывающую полосу, добавил клик и подсказку (hint) на картинку, при клике по картинке она откроется в новой вкладке.
Код
<html>
<head>
<meta charset="utf-8">
<title>$PHOTO_NAME$ - $CAT_NAME$ <?if($SECTION_NAME$)?>- $SECTION_NAME$<?endif?> - $MODULE_NAME$ - $SITE_NAME$</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<?$META_DESCRIPTION$?>
<?$META_KEYWORDS$?>
<script type="text/javascript">
  var browser   = navigator.userAgent;
  var browserRegex    = /(Android|BlackBerry|IEMobile|Nokia|iP(ad|hone|od)|Opera M(obi|ini))/;
  var isMobile  = false;
  if(browser.match(browserRegex)) {
   isMobile   = true;
   addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
   function hideURLbar(){
    window.scrollTo(0,1);
   }
  }
</script>
<link rel="stylesheet" href="/.s/src/css/1231.css" type="text/css" media="all" />
<script type="text/javascript">
var navTitle = 'Navigation';
</script>

</head>

<body>
$ADMIN_BAR$
<header>
$GLOBAL_AHEADER$
</header>
<div id="casing">
<div class="wrapper">
  <div id="cas-w">
   <div id="cas-i">     
         <?if($MODULE_ID$='forum')?><div class="forum-box"><?endif?>
         <!-- <middle> -->
         <div id="content" <?if($HIDE_CLEFTER$)?>class="wide-page"<?endif?>>
           <section><!-- <body> --><a href="$HOME_PAGE_LINK$"><!--<s5176>-->Главная<!--</s>--></a> » <a href="$MODULE_URL$"><!--<s5169>-->Фотоальбом<!--</s>--></a> <?if($SECTION_NAME$)?>» <a href="$SECTION_URL$">$SECTION_NAME$</a><?endif?> » <a href="$CAT_URL$">$CAT_NAME$</a> » $PHOTO_NAME$
<hr />
<div id="u-photos">
<div class="uphoto-entry">
<h2 class="photo-etitle">$PHOTO_NAME$</h2>
<div class="photo-edescr">
$PHOTO_DESCR$
</div>
<div class="u-center">
<div class="photo-block">
<div class="ph-wrap">
<span class="photo-expand">
<a href="$FULL_PHOTO_DIRECT_URL$" target="_blank" title="Посмотреть $PHOTO_NAME$ в реальном размере $PHOTO_SIZE$ /  $PHOTO_WEIGHT$Kb" >$PHOTO$</a>
</span>
</div>
<div class="photo-edetails ph-js-details">
<span class="phd-views">$REVIEWS$</span>
<span class="phd-comments">$COMMENTS_NUM$</span>
<?if($RATING$)?>
<span class="phd-rating">
<span id="entRating$ID$">$RATING$</span>
</span>
<span class="phd-dorating"><?$RSTARS$('14','http://s19.ucoz.net/img/photopage/rstars.png','1','float')?></span>
<?endif?>
</div>
<hr class="photo-hr" />
<div class="photo-edetails2">
<!--<s10015>-->Добавлено<!--</s>--> $ADD_DATE$ <a class="phd-author" href="$PROFILE_URL$">$USER$</a>
</div>
</div>
<?if($MODER_PANEL$)?><span style="display: block;vertical-align: middle;margin: 10px 0;white-space: nowrap;">$MODER_PANEL$</span><?endif?>
</div>
</div>
<div class="photo-slider u-center">
<?if($OTHER_PHOTOS$)?>$NEAR_PHOTOS$<?endif?>
</div>
</div>
<hr />

<?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?>

<?if($COM_CAN_ADD$)?>
$COM_ADD_FORM$
<?else?>
<?if($USER_LOGGED_IN$)?><?else?><div align="center" class="commReg"><!--<s5237>-->Добавлять комментарии могут только зарегистрированные пользователи.<!--</s>-->
[ <a href="$REGISTER_LINK$"><!--<s3089>-->Регистрация<!--</s>--></a> | <a href="$LOGIN_LINK$"><!--<s3087>-->Вход<!--</s>--></a> ]</div><?endif?>
<?endif?>
<?endif?><!-- </body> --></section>
          </div>
          <?if(!$HIDE_CLEFTER$)?>
         <aside>
       <div id="sidebar">  
          $GLOBAL_CLEFTER$
       </div>
      </aside>
      <?endif?>
         <!-- </middle> -->
         <div class="clr"></div>
         <?if($MODULE_ID$='forum')?></div><?endif?>
   </div>
  </div>
</div>
</div>
$GLOBAL_BFOOTER$
<script type="text/javascript" src="/.s/t/1231/ui.js"></script>

<div style="display:none">

</div>
</body>
</html>


Второй вариант.
Всплывающая полоса осталась, но по клике по ней картинка открывается в новой вкладке а не в боксе. Сама картинка на клик не реагирует.
Код
<html>
<head>
<meta charset="utf-8">
<title>$PHOTO_NAME$ - $CAT_NAME$ <?if($SECTION_NAME$)?>- $SECTION_NAME$<?endif?> - $MODULE_NAME$ - $SITE_NAME$</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<?$META_DESCRIPTION$?>
<?$META_KEYWORDS$?>
<script type="text/javascript">
  var browser   = navigator.userAgent;
  var browserRegex    = /(Android|BlackBerry|IEMobile|Nokia|iP(ad|hone|od)|Opera M(obi|ini))/;
  var isMobile  = false;
  if(browser.match(browserRegex)) {
   isMobile   = true;
   addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
   function hideURLbar(){
    window.scrollTo(0,1);
   }
  }
</script>
<link rel="stylesheet" href="/.s/src/css/1231.css" type="text/css" media="all" />
<script type="text/javascript">
var navTitle = 'Navigation';
</script>

</head>

<body>
$ADMIN_BAR$
<header>
$GLOBAL_AHEADER$
</header>
<div id="casing">
<div class="wrapper">
  <div id="cas-w">
   <div id="cas-i">     
         <?if($MODULE_ID$='forum')?><div class="forum-box"><?endif?>
         <!-- <middle> -->
         <div id="content" <?if($HIDE_CLEFTER$)?>class="wide-page"<?endif?>>
           <section><!-- <body> --><a href="$HOME_PAGE_LINK$"><!--<s5176>-->Главная<!--</s>--></a> » <a href="$MODULE_URL$"><!--<s5169>-->Фотоальбом<!--</s>--></a> <?if($SECTION_NAME$)?>» <a href="$SECTION_URL$">$SECTION_NAME$</a><?endif?> » <a href="$CAT_URL$">$CAT_NAME$</a> » $PHOTO_NAME$
<hr />
<div id="u-photos">
<div class="uphoto-entry">
<h2 class="photo-etitle">$PHOTO_NAME$</h2>
<div class="photo-edescr">
$PHOTO_DESCR$
</div>
<div class="u-center">
<div class="photo-block">
<div class="ph-wrap">
<span class="photo-expand">
$PHOTO$
<?if($FULL_PHOTO_DIRECT_URL$)?><a class="dd-tip" href="$FULL_PHOTO_DIRECT_URL$" target="_blank"><i class="expand-ico"></i><!--<s10014>-->В реальном размере<!--</s>--> <b>$PHOTO_SIZE$</b> / $PHOTO_WEIGHT$Kb</a><?endif?>
</span>
</div>
<div class="photo-edetails ph-js-details">
<span class="phd-views">$REVIEWS$</span>
<span class="phd-comments">$COMMENTS_NUM$</span>
<?if($RATING$)?>
<span class="phd-rating">
<span id="entRating$ID$">$RATING$</span>
</span>
<span class="phd-dorating"><?$RSTARS$('14','http://s19.ucoz.net/img/photopage/rstars.png','1','float')?></span>
<?endif?>
</div>
<hr class="photo-hr" />
<div class="photo-edetails2">
<!--<s10015>-->Добавлено<!--</s>--> $ADD_DATE$ <a class="phd-author" href="$PROFILE_URL$">$USER$</a>
</div>
</div>
<?if($MODER_PANEL$)?><span style="display: block;vertical-align: middle;margin: 10px 0;white-space: nowrap;">$MODER_PANEL$</span><?endif?>
</div>
</div>
<div class="photo-slider u-center">
<?if($OTHER_PHOTOS$)?>$NEAR_PHOTOS$<?endif?>
</div>
</div>
<hr />

<?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?>

<?if($COM_CAN_ADD$)?>
$COM_ADD_FORM$
<?else?>
<?if($USER_LOGGED_IN$)?><?else?><div align="center" class="commReg"><!--<s5237>-->Добавлять комментарии могут только зарегистрированные пользователи.<!--</s>-->
[ <a href="$REGISTER_LINK$"><!--<s3089>-->Регистрация<!--</s>--></a> | <a href="$LOGIN_LINK$"><!--<s3087>-->Вход<!--</s>--></a> ]</div><?endif?>
<?endif?>
<?endif?><!-- </body> --></section>
          </div>
          <?if(!$HIDE_CLEFTER$)?>
         <aside>
       <div id="sidebar">  
          $GLOBAL_CLEFTER$
       </div>
      </aside>
      <?endif?>
         <!-- </middle> -->
         <div class="clr"></div>
         <?if($MODULE_ID$='forum')?></div><?endif?>
   </div>
  </div>
</div>
</div>
$GLOBAL_BFOOTER$
<script type="text/javascript" src="/.s/t/1231/ui.js"></script>

<div style="display:none">

</div>
</body>
</html>

Выбирай сам как тебе удобней. Как по мне первый вариант удобней так как не нужно с начало наводить на картинку а потом на полосу, что бы её открыть.


Сообщение отредактировал
First - Четверг, 29 Октября 2015, 15:28
Страна: (ES)
First-1
Четверг, 29 Октября 2015, 15:30 | Сообщение 17
Оффлайн
Пользователи
Сообщений:716
Награды: 22
Могу ещё и скрипт дать. Только мне кажется так проще.
Страна: (ES)
  • Страница 2 из 2
  • «
  • 1
  • 2
Поиск: