>
Категории вопросов
Задать вопрос +

Основное

Контент-модули

Продвижение сайта

Управление сайтом

Доп. модули

Вебмастеру

Похожие вопросы



РЕАЛИЗОВАТЬ ОТКРЫТИЕ ВСЕХ ИЗОБРАЖЕНИЙ НА ФОРУМЕ ЧЕРЕЗ ULIGHTBOX?

голоса: 0

На форуме картинки вставленны ссылками с сторонних ресурсов, как реализовать открытия картинки на весь экран при нажатии?

Скрипт который описан тут не помог

Этот скрипт не помог (такой скрипт был я его находил но потерял и немогу найти помогите пожвлуйста)

<script type="text/javascript"> 
 $(document).ready(function(){ 
 $('a[href$=".jpg"], a[href$=".jpeg"], a[href$=".gif"], a[href$=".png"]').addClass('ulightbox'); 
 $('.ulightbox').fancybox({padding: 3, preload: 5, openEffect: openEf, closeEffect: 'elastic', nextEffect: 'fade', prevEffect: 'fade', openEasing: 'linear', nextEasing: 'linear', prevEasing: 'linear', fixed: fixedFlag, helpers: {title: null, overlay : {opacity: 0.1, speedIn: 0, speedOut: 0}, buttons : {}}}); 
 $(window).scroll(function() { 
 if (($.browser.msie) && (document.compatMode == 'BackCompat')) { 
 $.fancybox.reposition(); 
 } 
 }); 
}); 
</script>

Вот тут картинки

Адрес сайта http://spina.clan.su/forum/9-1-1
| Автор: | Категория: Форум
Изменение категории | | Автор: Yuri_Geruk

Ответов: 1

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

Ознакомьтесь с материалом - http://www.ucoz.ru/qa/index.php/1252

Скрипт и не сработает, так как чтобы скрипт сработал изображение должно быть добавлено следующим методом:

<a href="ссылка на изображение" ><img src="ссылка на изображение" alt=""></a>

У вас же изображения добавлены вот так:

<img src="ссылка на изображение" alt="">

Соответственно скрип и не сработает.

| Автор:
Спасибо, ознакомился, но изображение загружено на сторонний ресурс, как сделать при нажатии что бы открывалось окно изображения на весь экран? Можете помочь сайт социальный для инвалиддов.
| Автор:
как должно быть, я описал в сообщении выше, перейдите по ссылке и прочитайте, по другому никак
| Автор:
там нужно ссылку я понел постоянно вставлять? Просто есть скрипт его вставляешь и все картинки открываются и ничего прописывать постоянно не надо.
| Автор:
картинку вставляешь со стороннего ресурса через ВВ код, при нажатии картинка открывается на весь экран.
| Автор:
Да, именно ссылку. Если есть подобный скрипт, так воспользуйтесь этим решением, и поделитесь в этом вопросе, возможно будут и другие пользователи которым понадобится подобное решение.
| Автор:
спасибо, имменно это мне и нужно, его просто скопировать и вставить? тот скрипт я утерял.
| Автор:

поставил не работает class="ulightbox"

 

<html>
<head>
 <title>$MODULE_NAME$</title>
 <meta name ="keywords" content="спинальник, инвалид, паралич, шейник, грудник, поясничник, сообщество,">
 <meta name ="description" content="Спинальник человек получивший травму спины или заболевание, после которого возник паралич и стал инвалидао"> 
 <meta http-equiv="content-type" content="text/html; charset=UTF-8">
 <meta name="viewport" content="width=device-width; initial-scale=1">
 <meta http-equiv="X-UA-Compatible" content="IE=edge" />
 <?$META_DESCRIPTION$?>
<?$META_KEYWORDS$?>
 <link type="text/css" rel="StyleSheet" href="/_st/my.css" />
 <!--[if lt IE 9]>
 <script type="text/javascript">
 var e = ("header,footer,article,aside,section,nav").split(',');
 for (var i = 0; i < e.length; i++) {
 document.createElement(e[i]);
 }
 </script>
 <![endif]-->

    
    
 <style type="text/css">
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #3d3d3d;
padding: 5px;
left: -1000px;
border: 1px solid white;
visibility: hidden;
color: Yellow;
text-decoration: none;
border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */
}
</style>   
    
    
    
    
    
    
    
    </head>

<body class="base">
<script>
 $(document).ready(function(){
 $('nav').find('li').has('ul').addClass('has-submenu'); 
 $('#show-menu').click(function() {
 $('nav').toggleClass('nav-opened');
 });

 $('a#logo-lnk').click(function (e) {
 if ($('span', this).hasClass('uz-signs')) {
 e.preventDefault()
 }
});
 })
</script>

<div class="container clearfix">
 $GLOBAL_AHEADER$
 
 <div class="forumContent"><table border="0" cellpadding="0" height="30" cellspacing="0" width="100%">
<tr>
<td align="right">[<?if($USER_LOGGED_IN$)?>
<a href="javascript://" rel="nofollow" id="upml" class="fNavLink" onclick="window.open('$PM_URL$','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;"><!--<s3065>-->Личные сообщения<!--</s>-->($UNREAD_PM$)</a> &middot;
<?if($IS_NEW_PM$)?><script type="text/javascript">function flashit(id,cl){var c=document.getElementById(id);if (c.style.color=='red'){c.style.color=cl;}else {c.style.color='red';}}setInterval("flashit('upml','')",500)</script><bgsound src="http://s19.ucoz.net/img/fr/pm.wav" loop="1" volume="0" balance="0">
<?endif?><?endif?>
<a class="fNavLink" href="$RECENT_POSTS_LINK$" rel="nofollow"><!--<s5209>-->Новые сообщения<!--</s>--></a> &middot; 
<a class="fNavLink" href="$MEMBERS_LIST_LINK$" rel="nofollow"><!--<s5216>-->Участники<!--</s>--></a> &middot; 
<a class="fNavLink" href="$BOARD_RULES_LINK$" rel="nofollow"><!--<s5166>-->Правила форума<!--</s>--></a> &middot; 
<a class="fNavLink" href="$SEARCH_PAGE_LINK$" rel="nofollow"><!--<s3163>-->Поиск<!--</s>--></a> &middot; 
<a class="fNavLink" href="$RSS_LINK$" rel="nofollow">RSS</a><?if($USER_LOGGED_IN$)?> &middot; 
<a class="fNavLink" href="$SUBSCRIPTION_LINK$" rel="nofollow"><!--<s6773>-->Подписки<!--</s>--></a><?endif?> ]</td>
</tr>
</table>
     
     
  <a class="thumbnail" href="#"><img style="width: 217px; height: 313px;"
src="путь к изображению к маленькому"><span>Описание изображения<img  style="width: 554px; height: 800px;" src="путь к изображению к большому"></span></a>   
     
     
     
     
     
$BODY$</div><br />

 $GLOBAL_BFOOTER$
</div>
 </body>

</html>

| Автор:

и не будет работать, так как у вас прописан вовсе другой класс:

<a class="thumbnail" href="#"><img style="width: 217px; height: 313px;" src="путь к изображению к маленькому"><span>Описание изображения<img style="width: 554px; height: 800px;" src="путь к изображению к большому"></span></a>

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

| Автор:
Ясно, класс другой, а есть условный оператор ссылки на изображении? Что бы в ручную не вставлять?
| Автор:

.thumbnail{  класс прописан верный) Окно открывается но без изображения, что можно прописать зам место ссылки что бы автоматическио открывал любые изображения?

 

Прошу помощи ещё раз напоминаю сайт для инвалидов.

| Автор:
чтобы любые, для этого нужно писать скрипт, обращайтесь на - http://upartner.pro/ либо ждите что кто-то с скриптеров и здесь вам поможет
| Автор:
Руслан Алексеев,
написал все же такой скрипт, детали в материале - http://www.ucoz.ru/qa/index.php/49986
| Автор:
...