Увеличить картинку при наведении

голоса: 0

Добрый день подскажите. Я использую данный скрипт для увеличения картинки при клике, но он работает только в кратком описании новости.

А мне нужно чтобы этот скрипт работал на странице полного описания новости, как это сделать?

<script type="text/javascript">
  $(".eMessage img").each(function(){  
  if($(this).attr("src").length>0){  
  var title=typeof this.title!="undefined"?(' title="'+this.title+'"'):(typeof this.alt!="undefined"?(' title="'+this.alt+'"'):"");  
  $(this).wrap('<a href="'+this.src+'" class="ulightbox" target="_blank"'+title+'></a>');  
  };  
  });
</script>

Адрес сайта http://windows-aktiv.my1.ru
| Автор: | Категория: JavaScript

Ответов: 1

голоса: 0
 
Лучший ответ

В шаблоне страницы комментариев перед тегом </body> добавьте скрипт:

<script>
$(".eMessage img").each(function() {
$(this).wrap("<a href='" + this.src + "'/>");
$('a[href$=".jpg"], a[href$=".jpeg"], a[href$=".gif"], a[href$=".png"]').addClass('ulightbox').attr("data-fancybox-group", "ultbx");
});
</script>

после будет работать и в полной новости.

| Автор:
Выбор ответа лучшим | | Автор: Yuri_Geruk

А где находится этот раздел "страницы комментариев"? не могу найти.

панель управления - дизайн - управление дизайном - нужный модуль - страница материала и комментария
webanet,
добавил всё равно не работает.  вот здесь работает http://windows-aktiv.my1.ru  а в полной новасти нет http://windows-aktiv.my1.ru/load/kms_service_cleaner/udalenie_aktivacii/44-1-0-80
webanet,

Добавил вот сюда:

<script>
$(".eMessage img").each(function() {
$(this).wrap("<a href='" + this.src + "'/>");
$('a[href$=".jpg"], a[href$=".jpeg"], a[href$=".gif"], a[href$=".png"]').addClass('ulightbox').attr("data-fancybox-group", "ultbx");
});
</script>

<?if($COM_IS_ACTIVE$)?>
<?if($COM_CAN_READ$)?>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr><td height="25" width="60%"><!--<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>
</tbody></table>
<?endif?>
<?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?><!-- </body> --></td></tr></table>
 <!-- </middle> -->
</td>
 </tr>
</table>
$GLOBAL_BFOOTER$
</div>
</body>

Владимир Куборев,
А нужно в самый низ перед </body>
Yuri_Geruk,

Вот так? Всё ровно не работает

<?endif?>
<?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?><!-- </body> --></td></tr></table>
 <!-- </middle> -->
</td>
 </tr>
</table>
$GLOBAL_BFOOTER$
</div>
    <script>
$(".eMessage img").each(function() {
$(this).wrap("<a href='" + this.src + "'/>");
$('a[href$=".jpg"], a[href$=".jpeg"], a[href$=".gif"], a[href$=".png"]').addClass('ulightbox').attr("data-fancybox-group", "ultbx");
});
</script>
</body>

Владимир Куборев,

Замените в скрипте:

.eMessage img

на:

.eText img

после будет работать.

Yuri_Geruk,
Вот это большое спасибо :)  Подскажите ещё как в выподающем меню сменить цвет, у меня сейчас серый а нужно голубой. За ранее благодарен.
...