BitTorrent Трекер RusTrek.ru
http://5.45.70.241/

fancybox для тега [img=right][/img] и [img=left][/img]
http://5.45.70.241/viewtopic.php?f=817&t=10142
Страница 1 из 3

Автор:  oartemka178 [ 2011-01-28 21:25 ]
Заголовок сообщения:  fancybox для тега [img=right][/img] и [img=left][/img]

Добавляем fancybox для сайта, используем его с тегами [imgright][/imgright] и [imgleft][/imgleft]

Открываем page_header.tpl

Находим

Код:
</head>


Перед добавить

Код:
<!-- MOD : Fancybox BBcode RusTrek.ru - Start -->
<link rel="stylesheet" type="text/css"{#BB_ROOT}misc/js/fancybox/fancybox.css" media="screen" />
    <script type="text/javascript" src="{#BB_ROOT}misc/js/fancybox/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="href="http://rustrek.ru/misc/js/fancybox/fancybox.js"></script>
 <script type="text/javascript">
$(document).ready(function() {
  $("a.zoom, a.iframe").fancybox({
        'overlayOpacity' : 0.8,
      'zoomSpeedIn'      :   500,
      'zoomSpeedOut'      :   500, 
        'padding' : 3
  });
});

</script>
<!-- MOD : Fancybox BBcode RusTrek.ru - End -->


открываем bbcode.tpl

Находим

Код:
<!-- BEGIN img_aligned --><div class="postImg-wrap" style="float: {ALIGN}; clear: {ALIGN}; padding: 4px 4px 2px;"><a href="{URL}" ><img src="{URL}"  id="postImgAligned" class="postImg" title="pic" alt="pic" /></a></div><!-- END img_aligned -->

Меняем

Код:
<!-- BEGIN img_aligned --><div class="postImg-wrap" style="float: {ALIGN}; clear: {ALIGN}; padding: 4px 4px 2px;"><a href="{URL}" rel="Bc11XSD7Bu" class="zoom"><img src="{URL}" style="max-width: 315px; max-height: 350px;" id="postImgAligned" class="postImg" title="pic" alt="pic" /></a></div><!-- END img_aligned -->


Распаковать архив в misc/js/

Все!

#7#777

Автор:  Dero [ 2011-01-30 13:45 ]
Заголовок сообщения: 

не пашет

Автор:  oartemka178 [ 2011-01-30 14:29 ]
Заголовок сообщения: 

Dero

Что пишет? Давай скрин или опиши проблему, это то что у меня стоит и пашет!

Автор:  Kirkus [ 2011-01-30 23:39 ]
Заголовок сообщения: 

Действительно не пашет. Нажмаешь на картинку, она открывается просто в новом окне. Может еще где надо прописать..

Автор:  oartemka178 [ 2011-01-31 00:16 ]
Заголовок сообщения: 

Kirkus и Dero давайте ссылку на сайты

Автор:  oartemka178 [ 2011-01-31 00:24 ]
Заголовок сообщения: 

там в архиве папка называется RusTrek - fancybox, переименовываем на fancybox, и все

Автор:  Kirkus [ 2011-01-31 17:21 ]
Заголовок сообщения: 

admin писал(а):
там в архиве папка называется RusTrek - fancybox, переименовываем на fancybox, и все

Это все понятно. А скрины должны быть залиты на сервак?

P/S Сайт в локале.

Автор:  oartemka178 [ 2011-01-31 21:30 ]
Заголовок сообщения: 

Цитата:
Это все понятно. А скрины должны быть залиты на сервак?


нет, можно и с удаленного. просто ссылку на картинку кидаешь и все

так вот проверь здесь как работает

Код:
[img=right]http://ecx.images-amazon.com/images/I/51BGNZ96XJL.jpg[/img]

Автор:  Kirkus [ 2011-01-31 23:59 ]
Заголовок сообщения: 

Ковырял, наверно, часа два. А в чем проблема - в архиве нет файла fancybox.js

Автор:  oartemka178 [ 2011-02-02 09:12 ]
Заголовок сообщения: 

Kirkus

Ну там видно же в первом посте.

Код:
  <script type="text/javascript" src="href="http://rustrek.ru/misc/js/fancybox/fancybox.js"></script>


если надо можно стырить у меня его

Автор:  фраер [ 2011-02-02 11:58 ]
Заголовок сообщения: 

А как сделать чтобы он не распространялся на теги [imgright][/imgright] и [imgleft][/imgleft]
А наобараот чтобы новый тег появился [fancybox][/fancybox] в него картинку и усе :)

Автор:  oartemka178 [ 2011-02-02 17:55 ]
Заголовок сообщения: 

делаем тег [fancybox][/fancybox]

открываем bbcode.php

находим

Код:
   $bbcode_tpl['img'] = str_replace('{URL}', '\\1', $bbcode_tpl['img']);


ниже добавляем

Код:
   $bbcode_tpl['fancybox'] = str_replace('{URL}', '\\1', $bbcode_tpl['fancybox']);


находим

Код:
   $patterns[] = "#\[img:$uid\]([^?].*?)\[/img:$uid\]#i";
   $replacements[] = $bbcode_tpl['img'];


ниже добавляем

Код:
   // [fancybox]image_url_here[/fancybox]
   $patterns[] = "#\[fancybox:$uid\]([^?].*?)\[/fancybox:$uid\]#i";
   $replacements[] = $bbcode_tpl['fancybox'];


находим

Код:
   // [img]image_url_here[/img] code..
   $text = preg_replace("#\[img\]((http|ftp|https|ftps)://)([^\s\?&=\#\"<>]+?(\.(jpg|jpeg|gif|png)))\[/img\]#i", "[img:$uid]\\1\\3[/img:$uid]", $text);


ниже добавляем

Код:
   // [fancybox]image_url_here[/fancybox]
   $text = preg_replace("#\[fancybox\]((http|ftp|https|ftps)://)([^\s\?&=\#\"<>]+?(\.(jpg|jpeg|gif|png)))\[/fancybox\]#i", "[fancybox:$uid]\\1\\3[/fancybox:$uid]", $text);


открываем bbcode.tpl

в самый низ вставляем

Код:
<!-- BEGIN fancybox --><a href="{URL}" rel="Bc11XSD7Bu" class="zoom"> <img src="{URL}" style="max-width: 200px; max-height: 150px;" alt="pic" /></a><!-- END fancybox -->


открываем posting_editor.tpl

находим

Код:
<input type="button" value="&para;" name="codeBR" title="New line" style="width: 26px;" />   


ниже добавляем

Код:
<input type="button" value="fancybox" name="codeFBR" title="Эскиз изображения (Ctrl+F)" style="width: 75px" />


находим

Код:
bbcode.addTag("code", "code", null, "K", ctrl);


ниже добавить

Код:
bbcode.addTag("codeFBR", "fancybox", null, "F", ctrl);


Все готово!

Автор:  фраер [ 2011-02-02 19:13 ]
Заголовок сообщения: 

Спасибо добырй человек!

Автор:  Basilevs [ 2011-02-06 06:56 ]
Заголовок сообщения: 

Что-то не то...

Kirkus писал(а):
Действительно не пашет. Нажмаешь на картинку, она открывается просто в новом окне. Может еще где надо прописать..


Тоже самое. + заходя в тему.

Автор:  oartemka178 [ 2011-02-06 07:01 ]
Заголовок сообщения: 

та там пару постов выше описана эта проблема, не хватает файла fancybox.js, можно стырить его у меня или же прописать у себя <script type="text/javascript" src="href="http://rustrek.ru/misc/js/fancybox/fancybox.js"></script>

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

Страница 1 из 3 Часовой пояс: UTC + 3 часа
Powered by phpBB® Forum Software © phpBB Group
https://www.phpbb.com/