Реклама на Sys-Adm.in

Автор Тема: SharePoint - добавить модальные окна или привязываем fancyBox  (Прочитано 898 раз)

0 Пользователей и 1 Гость просматривают эту тему.

Оффлайн sysadmin

  • Administrator
  • сисадми́н
  • *****
  • Сообщений: 8696
  • Karma: +120/-0
  • Пол: Мужской
    • Share Post
    • сайт для сис. админов и не только...
Загружаем fancybox с офф. сайта:
http://fancyapps.com/fancybox/#license

Распаковываем, скаладываем в Layout папку:
c:\Program Files\Common Files\microsoft shared\Web Server Extensions\15\TEMPLATE\LAYOUTS\fancybox

Добавляем в мастер страницу в раздел head:
<!-- FancyBox -->
    <link type="text/css" rel="stylesheet" href="/_layouts/15/fancybox/source/jquery.fancybox.css" />

<script src="/_layouts/15/fancybox/source/jquery.fancybox.pack.js" type="text/javascript">//<![CDATA[
       
    //]]></script>

    <script src="/_layouts/15/fancybox/lib/jquery.mousewheel-3.0.6.pack.js" type="text/javascript">//<![CDATA[
       
    //]]></script>

    <script src="/_layouts/15/fancybox/lib/jquery.mousewheel-3.0.6.pack.js" type="text/javascript">//<![CDATA[
       
    //]]></script>

    <script type="text/javascript">
        $(document).ready(function () {
            $(".fancybox").fancybox();
        });
</script>
    <!-- FancyBox /End -->

Используем для картинок, примерно так:
<a class="fancybox" href="/PublishingImages/SitePages/Home/image.jpg">
  <img class="ms-rteImage-0 ms-rtePosition-1 ms-rteFontFace-3" alt="image.jpg" src="/PublishingImages/SitePages/Home/image.jpg" style="margin: 5px; width: 324px; height: 186px;"/>
</a>
где в теге a большое изображение, в теге img его эскиз..

Для галерей в тег а, добавляем rel, например:
<a class="fancybox" rel="gallery1" href="/PublishingImages/SitePages/Home/image.jpg">
дорогу осилит идущий...
......................
MCP, MCTS, RHCSA
......................
also aka xck...

 


xx
SharePoint - добавить общую папку на страницу

Автор sysadmin

0 Ответов
953 Просмотров
Последний ответ Май 13, 2016, 10:10:53 am
от sysadmin
clip
SharePoint - добавить свой стиль в редактор текста

Автор sysadmin

0 Ответов
1150 Просмотров
Последний ответ Октябрь 08, 2014, 12:15:55 pm
от sysadmin
xx
SharePoint - добавить onload скрипт в MasterPage / Скрыть About Me

Автор sysadmin

0 Ответов
940 Просмотров
Последний ответ Июнь 29, 2016, 03:50:44 pm
от sysadmin
xx
Привязываем к SquiPrelMail проверку Captcha

Автор sysadmin

0 Ответов
900 Просмотров
Последний ответ Октябрь 06, 2014, 10:23:20 pm
от sysadmin