Страница 1 из 11
Форум » Разное » Общение » Эффект лупы для изображения (Доработка)
Эффект лупы для изображения
Проверенный
0
Дата: Вторник, 13.10.2015, 23:43 | Сообщение # 1
Эффект лупы для изображения как сделать в фотоальбом "полная фотография и комментарии к нему"?
Профиль
BLAzER Offline
Проверенный
86
Дата: Вторник, 13.10.2015, 23:53 | Сообщение # 2
Руслан2015777, можно ссылку на сайт или дайте код, как вы выводите фото на страницу полнаой фотографии и комментарии к ней

У скуки есть светлая сторона. Скучающие люди нередко ищут возможность сделать добрые дела, поскольку развлечения им надоели и не привносят смысл в их жизнь.
Профиль
Проверенный
0
Дата: Вторник, 13.10.2015, 23:59 | Сообщение # 3
Цитата BLAzER ()
можно ссылку на сайт или дайте код, как вы выводите фото на страницу полнаой фотографии и комментарии к ней


Код
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>$PHOTO_NAME$ - $CAT_NAME$ <?if($SECTION_NAME$)?>- $SECTION_NAME$<?endif?> - $MODULE_NAME$ - $SITE_NAME$</title>
<meta name="description" content="$SOCIAL_DESCRIPTION$" />
<meta name="keywords" content="$ENTRY_TITLE$, $CAT_NAME$" />
<?$META_DESCRIPTION$?>
<link type="text/css" rel="StyleSheet" href="/_st/my.css" />
</head>

<body>
$ADMIN_BAR$
<div id="contanier">
<div id="mainBlock">
$GLOBAL_AHEADER$
<br><!-- <middle> -->
<table class="insta" border="0" cellspacing="0" width="1076" cellpadding="4" align="center">
<tr>
<td width="200" valign="top"><script type="text/javascript" src="//yandex.st/share/share.js"
charset="utf-8"></script>
<!-- <middle> -->
<div id="leftColumn">
<!-- <кнопка поделится> -->
<script type="text/javascript" src="//yandex.st/share/share.js"
charset="utf-8"></script><div class="yashare-auto-init" data-yashareL10n="ru"
data-yashareQuickServices="vkontakte,facebook,twitter,odnoklassniki,moimir" data-yashareTheme="counter"></div>
<!-- </кнопка поделится> -->
</div>
<div id="rightColumn"><!-- <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 style="background:rgba(255,255,255,0.8)" class="photo-block">
<div class="ph-wrap">
<span class="photo-expand">$PHOTO$
<?if($FULL_PHOTO_DIRECT_URL$)?><a class="dd-tip ulightbox" 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://s214.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>$SLIDESHOW_BUTTON$
<?if($MODER_PANEL$)?><span style="display: block;vertical-align: middle;margin: 10px 0;white-space: nowrap;">$MODER_PANEL$</span><?endif?>
</div>
</div>
<div style="background:rgba(255,255,255,0.8)" 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"><div class="talkbubble">$COM_BODY$<di/v></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$)?>
<center>$COM_ADD_FORM$</center>
<?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?><!-- </body> --></div>
<!-- </middle> -->
<div style="clear:both;height:10px;"></div>
$GLOBAL_FOOTER$
<div style="clear:both;height:10px;"></div>
</div>
</div>

</body>

</html>


Сообщение отредактировал Руслан2015777 - Среда, 14.10.2015, 00:10
Профиль
marselo725 Offline
Проверенный
5
Дата: Среда, 14.10.2015, 07:11 | Сообщение # 4
Код
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>$PHOTO_NAME$ - $CAT_NAME$ <?if($SECTION_NAME$)?>- $SECTION_NAME$<?endif?> - $MODULE_NAME$ - $SITE_NAME$</title>
<meta name="description" content="$SOCIAL_DESCRIPTION$" />
<meta name="keywords" content="$ENTRY_TITLE$, $CAT_NAME$" />
<?$META_DESCRIPTION$?>
<link type="text/css" rel="StyleSheet" href="/_st/my.css" />
</head>

<body>
$ADMIN_BAR$
<div id="contanier">
<div id="mainBlock">
$GLOBAL_AHEADER$
<br><!-- <middle> -->
<table class="insta" border="0" cellspacing="0" width="1076" cellpadding="4" align="center">
<tr>
<td width="200" valign="top"><script type="text/javascript" src="//yandex.st/share/share.js"
charset="utf-8"></script>
<!-- <middle> -->
<div id="leftColumn">
<!-- <кнопка поделится> -->
<script type="text/javascript" src="//yandex.st/share/share.js"
charset="utf-8"></script><div class="yashare-auto-init" data-yashareL10n="ru"
data-yashareQuickServices="vkontakte,facebook,twitter,odnoklassniki,moimir" data-yashareTheme="counter"></div>
<!-- </кнопка поделится> -->
</div>
<div id="rightColumn"><!-- <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 style="background:rgba(255,255,255,0.8)" class="photo-block">
<div class="ph-wrap">
<span class="photo-expand" id="img_01">$PHOTO$
<?if($FULL_PHOTO_DIRECT_URL$)?><a class="dd-tip ulightbox" 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://s214.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>$SLIDESHOW_BUTTON$
<?if($MODER_PANEL$)?><span style="display: block;vertical-align: middle;margin: 10px 0;white-space: nowrap;">$MODER_PANEL$</span><?endif?>
</div>
</div>
<div style="background:rgba(255,255,255,0.8)" 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"><div class="talkbubble">$COM_BODY$<di/v></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$)?>
<center>$COM_ADD_FORM$</center>
<?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?><!-- </body> --></div>
<!-- </middle> -->
<div style="clear:both;height:10px;"></div>
$GLOBAL_FOOTER$
<div style="clear:both;height:10px;"></div>
</div>
</div>
<script src="/js/jquery.js" type="text/javascript"></script>
<script src="/js/jquery.imageLens.js" type="text/javascript"></script>

  <script type="text/javascript" language="javascript">
  $(function () {
  $("#img_01").imageLens();
  $("#img_02").imageLens({ lensSize: 200 });
  $("#img_03").imageLens({ imageSrc: "sample01.jpg" });
  $("#img_04").imageLens({ borderSize: 8, borderColor: "#06f" });
  });  
  </script>
</body>

</html>

попробуй так


Профиль
Проверенный
0
Дата: Среда, 14.10.2015, 09:30 | Сообщение # 5
Цитата marselo725 ()
попробуй так


не работает, поставил, но вчера id куда, только не вставлял нужен доступ к img
Профиль
Миха62 Offline
Проверенный
0
Дата: Среда, 14.10.2015, 11:56 | Сообщение # 6
Цитата Руслан2015777 ()
не работает, поставил, но вчера id куда, только не вставлял нужен доступ к img


таже проблема
Профиль
marselo725 Offline
Проверенный
5
Дата: Среда, 14.10.2015, 17:34 | Сообщение # 7
Ответил в ЛС

Профиль
Форум » Разное » Общение » Эффект лупы для изображения (Доработка)
Страница 1 из 11
Поиск: