126

Re: i18n_gallery

вы бы показали не код шаблона, а исходник страницы, было бы понятней, я не знаю что там у вас содержится в footer-script.inc.php и что грузится get_header(), но скорее всего в футере размещен jQuery, если да, то попробуйте перенести его над get_header(), возможно jQuery новой версии, тогда попробуйте еще подключить http://blog.jquery.com/2013/05/08/jquer … -released/

Поддержать GetSimple CMS по-русски ЯДом

Сайт olsv64

Поделиться

127 (2015-08-01 00:08:08 отредактировано Anatolian)

Re: i18n_gallery

Заработало после удаления в footer-copy.inc.php подключение jQuery из шаблона.
Олег спасибо за помощь.

Поделиться

128

Re: i18n_gallery

Как вставить ссылку в меню на галерею i18n gallary которая получается когда нажать на решетку в альбомах ?

Поделиться

129

Re: i18n_gallery

а какая ссылка у вас поучается когда нажать на решетку в альбомах ?

Поддержать GetSimple CMS по-русски ЯДом

Сайт olsv64

Поделиться

130

Re: i18n_gallery

Такая:
?preview-gallery&name=ohorothi
название альбома ohorothi

Поделиться

131

Re: i18n_gallery

я не понимаю о чем вы smile, создайте страницу с галереей и добавьте ее в меню

Поддержать GetSimple CMS по-русски ЯДом

Сайт olsv64

Поделиться

132

Re: i18n_gallery

Я об этом, как добавить страницу с галереей в меню

Поделиться

133

Re: i18n_gallery

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

Поддержать GetSimple CMS по-русски ЯДом

Сайт olsv64

Поделиться

134

Re: i18n_gallery

Я пробовал вывести галерею через i18n_gallary, но там надо еще дополнительный скрипт, нашел точно такой как надо, i 18n gallary теперь ненадо, но теперь незнаю как в админке зделать добавлление картинок, html вставил, скрипт подтянулся и работает

<div id="thumbGrid"
             class="thumbGrid"

             data-thumbgrid="true"
             data-nav_effect="slideInverse"
             data-nav_delay="60"
             data-nav_timing="1000"
             data-nav_pagination="6"
             data-gallery_effectnext="fadeIn"
             data-gallery_effectprev="fadeOut"
             data-gallery_fullscreenw="90%"
             data-gallery_fullscreenh="90%"
             data-gallery_cover="true">

            <img src="img/LR/01.jpg" data-highres="img/LR/01.jpg" data-caption="Parturient Bibendum Malesuada Etiam"/>
            <img src="img/LR/02.jpg" data-highres="img/HR/02.jpg" />
            <img src="img/LR/03.jpg" data-highres="img/HR/03.jpg" data-caption="Adipiscing Inceptos Ornare Cursus"/>
            <img src="img/LR/04.jpg" data-highres="img/HR/04.jpg" data-caption="Etiam Purus Sollicitudin Fusce"/>
            <img src="img/LR/05.jpg" data-highres="img/HR/05.jpg" data-caption="Parturient Bibendum Malesuada Etiam"/>
            <img src="img/LR/06.jpg" data-highres="img/HR/06.jpg" data-caption="Magna Pharetra Inceptos"/>
            <img src="img/LR/07.jpg" data-highres="img/HR/07.jpg" data-caption="Lorem ipsum dolor sit amet, consectetur adipiscing elit"/>
            <img src="img/LR/08.jpg" data-highres="img/HR/08.jpg" data-caption="Venenatis Purus Parturient"/>
            <img src="img/LR/09.jpg" data-highres="img/HR/09.jpg" data-caption="Ipsum Pharetra Cras Elit"/>
            <img src="img/LR/10.jpg" data-highres="img/HR/10.jpg" data-caption="Cras Mollis Tortor Bibendum"/>
            <img src="img/LR/11.jpg" data-highres="img/HR/11.jpg" data-caption="Venenatis Sem Commodo Condimentum"/>
            <img src="img/LR/12.jpg" data-highres="img/HR/12.jpg" data-caption="Condimentum Magna Sollicitudin"/>
            <img src="img/LR/13.jpg" data-highres="img/HR/13.jpg" data-caption="Vestibulum Mollis Adipiscing Cursus Euismod"/>
            <img src="img/LR/14.jpg" data-highres="img/HR/14.jpg" data-caption="Egestas Vulputate Fusce Mattis"/>
            <img src="img/LR/15.jpg" data-highres="img/HR/15.jpg" data-caption="Pellentesque Etiam Vestibulum"/>
            <img src="img/LR/16.jpg" data-highres="img/HR/16.jpg" data-caption="Mollis Purus Malesuada"/>
            <img src="img/LR/17.jpg" data-highres="img/HR/17.jpg" data-caption="Magna Nullam Sollicitudin Tortor"/>
            <img src="img/LR/18.jpg" data-highres="img/HR/18.jpg" data-caption="Cursus Justo Ridiculus Venenatis"/>
            <img src="img/LR/19.jpg" data-highres="img/HR/19.jpg" data-caption="Cras Nullam Consectetur Adipiscing"/>
            <img src="img/LR/20.jpg" data-highres="img/HR/20.jpg" data-caption="Lorem Sit Condimentum Dolor"/>
            <img src="img/LR/21.jpg" data-highres="img/HR/21.jpg" data-caption="Aenean Dolor Etiam Porta"/>
            <img src="img/LR/22.jpg" data-highres="img/HR/22.jpg" data-caption="Mollis Elit Ornare Sit Fringilla"/>

        </div>

html как должна выглядить разметка
скрипт который подключил
https://github.com/pupunzi/jquery.mb.thumbGallery
демо, как выглядит
http://pupunzi.com/gitHub/thumbGallery/

Поделиться

135

Re: i18n_gallery

создайте свой тип галереи по примеру plugin_fancybox.php или plugin_prettyphoto.php

Поддержать GetSimple CMS по-русски ЯДом

Сайт olsv64

Поделиться

136

Re: i18n_gallery

А как создать ? Дублируются файлы плагина ?

Поделиться

137

Re: i18n_gallery

Или редактировать ети файлы ?

Поделиться

138

Re: i18n_gallery

можете и поредактировать

Поддержать GetSimple CMS по-русски ЯДом

Сайт olsv64

Поделиться

139 (2015-08-12 14:00:42 отредактировано olexandr)

Re: i18n_gallery

Получилось, интегрировал скрипт галереи у плагин i18n gallary
скрипт который подключил
https://github.com/pupunzi/jquery.mb.thumbGallery
демо, как выглядит
http://pupunzi.com/gitHub/thumbGallery/
У меня был установлен у i18n gallary слайдер i18n_gallery_s3slider я его подредактировал, убрал лишнее plugin_s3slider.php

<div id="thumbGrid" class="thumbGrid" data-thumbgrid="true" data-nav_effect="slideInverse" data-nav_delay="60" data-nav_timing="1000" data-nav_pagination="6" data-gallery_effectnext="fadeIn" data-gallery_effectprev="fadeOut" data-gallery_fullscreenw="90%" data-gallery_fullscreenh="90%" data-gallery_cover="true">
     
<?php 
  foreach ($gallery['items'] as $item) { 
?>
        
            <img src="<?php i18n_gallery_image_link($gallery,$item); ?>" data-highres="<?php i18n_gallery_image_link($gallery,$item); ?>" />
            
            
       
        
<?php 
  } 
?>
        <div class="clear <?php echo $id; ?>Image"></div>
    
  </div> 

Подумал над тем, что если б было разделение между выводом html и js, чтоб можно было плагином вывести себе любой html какой требует скрипт, чтоб можно было в галерею интегрировать любой скрипт галереи, слайдера, карусели для внешнего вида

Поделиться

140

Re: i18n_gallery

я для слайдеров, да и для галерей обычно использую связку I18N Search + I18N Special Pages, эти плагины позволяют делать все, что захотите

Поддержать GetSimple CMS по-русски ЯДом

Сайт olsv64

Поделиться

141

Re: i18n_gallery

А как в админке добавляются фотки ?

Поделиться

142

Re: i18n_gallery

если вы установили плагин, то появится вкладка Альбомы или вы про I18N Search + I18N Special Pages? там нужно просто создать поле Изображение, установить его код на вкладках Код поиска и Код страницы и при создании страницы заполнить его

Поддержать GetSimple CMS по-русски ЯДом

Сайт olsv64

Поделиться

143

Re: i18n_gallery

Здравствуйте. Требуется на странице главной вывести слайдшоу. Подключаем плагин I18N Gallery.
Вместе с ним включены следующие плагины http://s018.radikal.ru/i507/1511/89/37f6b0017f93.jpg.
Настройки http://s020.radikal.ru/i703/1511/0a/15d7dad4757a.jpg и http://s018.radikal.ru/i511/1511/a4/4821cd03d356.jpg

На страницу добавлен код (% gallery name=main %)

В результате выводится слайдшоу без смены изображений. Если кликнуть по изображению - меняет на второе (для теста загружено всего два). Мне нужно, чтобы они менялись автоматически.
1. Отключал (и включал по одному) все плагины, кроме I18N и галереи - не работает.
2. Отключал и включал "Не использовать jQuery" - в настройках плагина - не помогает. В head JQuery явно не подключается.

Помогите, пожалуйста smile

Поделиться

144

Re: i18n_gallery

покажите исходный код страницы со слайд-шоу

Поддержать GetSimple CMS по-русски ЯДом

Сайт olsv64

Поделиться

145 (2015-11-08 16:12:47 отредактировано vadim.snz)

Re: i18n_gallery

+ открыть спойлер
<!-- Powered by GetSimple CMS -->
<!DOCTYPE html>
<html>
<head>
<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
    <!-- Site Title -->
    <title>Главная &lt; Каталог  товаров,  услуг  и  предприятий  города  Снежинск</title>
    <meta name="keywords" content="getsimple, easy, content management system" />
<link rel="canonical" href="http://test1.ru/" />
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js?v=1.7.1"></script>
    <script>window.jQuery || document.write('<!-- CDN FALLING BACK --><script src="//test1.ru/admin/template/js/jquery.min.js?v=1.7.1"><\/script>');</script>
    <script type="text/javascript" src="http://test1.ru/plugins/i18n_gallery/js/jquery-1.11.2.min.js"></script>
    <script type="text/javascript" src="http://test1.ru/plugins/i18n_gallery/js/jquery.cycle.all.min.js"></script>
 
    <style type="text/css">
      .gallery-cycle {
        padding: 3px;
        border: solid 1px #C7C7C7;
        position: relative;
      }
      .gallery-cycle a {
        outline: none;
      }
      .gallery-cycle .gallery-container {
        margin: 0;
        padding: 0;
        border: 0 none;
        overflow: hidden;
        position: relative;
      }
      div.gallery-cycle .gallery-slide {
        margin: 0;
        padding: 0;
        border: 0 none;
        width: 100%;
        height: 100%;
      }
      .gallery-cycle .gallery-text {
        margin: 0;
        padding: 10px;
        border: 0 none;
        background-color: white;
        overflow: hidden;
      }
      .gallery-cycle .gallery-image {
        margin: 0;
        padding: 0;
        border: 0 none;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        background-color: white;
      }
      .gallery-cycle .gallery-image img {
        margin: 0;
        padding: 0;
        border: 0 none;
      }
      .gallery-cycle .gallery-control {
        position: absolute;
        margin: 0;
        padding: 5px 10px;
        border: 0 none;
        z-index: 10000;
      }
      .gallery-cycle .gallery-control-dots a {
        font-size: 40px;
        border: 0 none;
        text-decoration: none;
        color: #999999;
      }
      .gallery-cycle .gallery-control-numbers a {
        font-size: 18px;
        border: 0 none;
        text-decoration: none;cylce
        color: #999999;
        padding: 0px 5px;
        margin: 0px 2px;
        border: 1px solid #999999;
        background-color: white;
      }
      .gallery-cycle .gallery-control-images a {
        background: url(http://test1.ru/plugins/i18n_gallery/images/cycle/pagination.png);
        width: 12px;
        height: 0px;
        overflow: hidden;
        padding-top: 12px;
        margin: 10px 2px;
        border: 0 none;
        display: block;
        float: left;
      }
      .gallery-cycle .gallery-control a:hover {
        color: #666666;
      }
      .gallery-cycle .gallery-control a.activeSlide {
        color: #C5400E;
        background-position: 0 -12px;
      }
      .gallery-cycle .prev {
        top: 0;
        left: 0;
        height: 100%;
        width: 35%;
        cursor: pointer;
        position: absolute;
        z-index: 9000;
      }
      .gallery-cycle .prev img {
        left: 10px;
        margin-top: -15px;
        position: absolute;
        top: 50%;
        display: none;
      }
      .gallery-cycle .next {
        top: 0;
        right: 0;
        height: 100%;
        width: 35%;
        cursor: pointer;
        position: absolute;
        z-index: 9000;
      }
      .gallery-cycle .next img {
        right: 10px;
        margin-top: -15px;
        position: absolute;
        top: 50%;
        display: none;
      }
      .gallery-cycle .prev:hover img, .gallery-cycle .next:hover img {
        display: block;
      }
    </style>
    <style type="text/css">
      #gallery-cycle-main.gallery-cycle {
        width: 1000px;
        height: 667px;
      }
      #gallery-cycle-main.gallery-cycle .gallery-container {
        width: 1000px;
        height: 667px;
        position: relative;
      }
      #gallery-cycle-main.gallery-cycle .gallery-text {
                  width: 980px;
          height: 647px;
                        }
      #gallery-cycle-main.gallery-cycle .gallery-image {
        width: 1000px;
        height: 667px;
      }
      #gallery-cycle-main.gallery-cycle .gallery-control {
                  right: 0;          bottom:0;              }
    </style>

<!-- for scroll to top plugin -->
<style type="text/css" >
#back-top {
    position: fixed;
    bottom: 0px;
    right:0px;
    z-index: 20000;
    

}
#back-top a {
    
    display: block;
    text-align: center;
    font: 11px/100% Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    color: #bbb;
    /* background color transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
#back-top a:hover {
    color: #000;
}
/* arrow icon (span tag) */
#back-top span {
    width: 64px;
    height: 64px;
    display: block;
    
    
    background: #000 url(http://test1.ru\/plugins/scrolltop/img/style_1_white.png) no-repeat center center;
    background-size: 64px 64px ;

    filter:alpha(opacity=50);
    opacity: 0.5;
    -moz-opacity:0.5;

    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
    margin: 0 auto;
    position: relative;
}

#back-top a:hover span {
    filter:alpha(opacity=100);
    opacity: 1;
    -moz-opacity:1;
    
}
</style>
    <meta name="robots" content="index, follow" />
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="http://test1.ru/theme/GorodSNZ/style.css" media="all" />
    <link href='https://fonts.googleapis.com/css?family=Comfortaa:400,300,700&subset=latin,cyrillic' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" type="text/css" href="http://test1.ru/theme/GorodSNZ/fonts.css" media="all" />
    
</head>
<body id="index" >
 <div id="gallery-cycle-main" class="gallery gallery-cycle gallery-main">
    <div class="gallery-container">
      <div class="gallery-slide" >
                        <div class="gallery-image"><img src="http://test1.ru/data/thumbs/i18npic.C1000x667.snz-1.jpg" alt=""/></div>      </div>
      <div class="gallery-slide" style="display:none">
                        <div class="gallery-image"><img src="http://test1.ru/data/uploads/image/48_full.jpg" alt=""/></div>      </div>
      <a class="prev" href="http://test1.ru/?pic=main:-2"><img src="http://test1.ru/plugins/i18n_gallery/images/cycle/prev.png" alt=""/></a>
      <a class="next" href="http://test1.ru/?pic=main:-2"><img src="http://test1.ru/plugins/i18n_gallery/images/cycle/next.png" alt=""/></a>
    </div>
    <div class="gallery-control gallery-control-images">
      <a href="http://test1.ru/?pic=main:-1" class="activeSlide">&#149;</a><a href="http://test1.ru/?pic=main:-2">&#149;</a>    </div>
  </div>
  <script type="text/javascript">
    $(document).ready(function(){
      $('.gallery-cycle.gallery-main .gallery-control').empty();
          $('.gallery-cycle.gallery-main .gallery-container').cycle({ 
        slideExpr: '.gallery-slide',
            fx: "fade", 
            speed: 1000,
            timeout: 2000,
            pause: 1,
        prev: $('.gallery-cycle.gallery-main .gallery-container .prev').get(),
        next: $('.gallery-cycle.gallery-main .gallery-container .next').get(),
            pager:  '.gallery-cycle.gallery-main .gallery-control',
            pagerAnchorBuilder: function(idx, slide) { return '<a href="#">'+'&#149;'+'</a>'; } 
          });
    });
  </script>

<!-- Yandex.Metrika counter --><script type="text/javascript">
    (function (d, w, c) {
        (w[c] = w[c] || []).push(function() {
            try {
                w.yaCounter33337973 = new Ya.Metrika({
                    id:33337973,
                    clickmap:true,
                    trackLinks:true,
                    accurateTrackBounce:true
                });
            } catch(e) { }
        });

        var n = d.getElementsByTagName("script")[0],
            s = d.createElement("script"),
            f = function () { n.parentNode.insertBefore(s, n); };
        s.type = "text/javascript";
        s.async = true;
        s.src = "https://mc.yandex.ru/metrika/watch.js";

        if (w.opera == "[object Opera]") {
            d.addEventListener("DOMContentLoaded", f, false);
        } else { f(); }
    })(document, window, "yandex_metrika_callbacks");
</script><noscript><div><img src="https://mc.yandex.ru/watch/33337973" style="position:absolute; left:-9999px;" alt="" /></div></noscript><!-- /Yandex.Metrika counter -->                    


                  ...




<!-- Yandex.Metrika counter -->
<script type="text/javascript">
    (function (d, w, c) {
        (w[c] = w[c] || []).push(function() {
            try {
                w.yaCounter33338043 = new Ya.Metrika({
                    id:33338043,
                    clickmap:true,
                    trackLinks:true,
                    accurateTrackBounce:true
                });
            } catch(e) { }
        });

        var n = d.getElementsByTagName("script")[0],
            s = d.createElement("script"),
            f = function () { n.parentNode.insertBefore(s, n); };
        s.type = "text/javascript";
        s.async = true;
        s.src = "https://mc.yandex.ru/metrika/watch.js";

        if (w.opera == "[object Opera]") {
            d.addEventListener("DOMContentLoaded", f, false);
        } else { f(); }
    })(document, window, "yandex_metrika_callbacks");
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/33338043" style="" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->
    
    <span class="foot">Интерактивный центр информации (c) 2015</span>
    <span><center><!-- Yandex.Metrika informer--> <a href="https://metrika.yandex.ru/stat/?id=33338043&amp;from=informer" target="_blank" rel="nofollow"><img src="https://informer.yandex.ru/informer/33338043/3_0_ECFFFFFF_CCFFFFFF_0_pageviews" style="width:88px; height:31px; border:0;" alt="Яндекс.Метрика" title="Яндекс.Метрика: данные за сегодня (просмотры, визиты и уникальные посетители)" onclick="try{Ya.Metrika.informer({i:this,id:33338043,lang:'ru'});return false}catch(e){}" /></a></center></span>  <!--/Yandex.Metrika informer --><p><a href="http://get-simple.info/" target="_blank" >Powered by  GetSimple</a></p>
    
    
</body>
</html>

это?

Поделиться

146

Re: i18n_gallery

у вас jQuery два раза подключается, покажите список всех плагинов

Поддержать GetSimple CMS по-русски ЯДом

Сайт olsv64

Поделиться

147 (2015-11-08 17:26:25 отредактировано vadim.snz)

Re: i18n_gallery

Все плагины на рисунке выше. Multi User последний в списке.

Вот так тоже не работает. В настройках вкл/выкл JQuery не помогает.
http://i016.radikal.ru/1511/81/949c7ff4996f.jpg

Поделиться

148

Re: i18n_gallery

Понятно. Значит, надо карму почистить.

Поделиться

149

Re: i18n_gallery

отключите плагин scroll to top
хотя немного странно, что до включения всех плаагинов серии i18n все работало

Поддержать GetSimple CMS по-русски ЯДом

Сайт olsv64

Поделиться

150 (2015-11-08 18:31:25 отредактировано vadim.snz)

Re: i18n_gallery

Не помогает. У меня ни разу не получилось. Ни с полным набором, ни с набором только из 3 плагинов. Отключение scroll to top тоже не помогает.

Еще раз хочу сообщить, чтобы понятно было - на странице появляется изображение, внизу две точки, при наведении появляются "уголки" - все как положено, при нажатии переключается на вторую картинку, еще раз - на первую и так далее. А хочется, чтобы это было слайдшоу - изображения менялись автоматически. И еще - задержка в миллисекундах, я правильно понимаю? 2000 мсек = 2 сек.

Поделиться