We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 26698
    • 148 Posts
    <div id="container">
     <ul>
       <li><a href="images/1.jpg"><img src="images/1.jpg"></a></li>
       <li><a href="images/2.jpg"><img src="images/2.jpg"></a></li>
       <li><a href="images/3.jpg"><img src="images/3.jpg"></a></li>
     </ul>
    </div>
    


    Есть цель — интегрировать слайдшоу в ModX. Код, который выводит слайдер, приведён выше.
    Однако, есть проблема, в которой, возможно, мне смогут помочь люди, хорошо знающие JavaScript (и, конечно, ModX).
    Ссылки в действительности имеют вид: javascript:changeImage(0) — в скобках указывается число на единицу превышающее порядковый номер картинки.
    Однако, если прописать их в коде в таком виде, скрипт начинает работать неправильно.

    Задача состоит в том, чтобы заставить ModX (с помощью Ditto) генерить ссылки, как показано в примере (см. код). В этом случае я ожидаю, что слайдер будет работать корректно.
    Я планирую подключать всё это дело при помощи TV — тип ввода-вывода image, а сам TV будет доступен в шаблоне страниц, где нужен этот слайдер.
    Принцип подключения шоу подсмотрел тут: http://efimov.ws/main/develop/modx/jQuery-gallery-with-MODx.html

    P. S. Это мой второй вопрос про слайдер на jQuery за сегодня smiley С первым (Nivo Slider) я разобрался, а вот с этим всё ещё впереди smiley Как он работает, можно увидеть тут: http://alexwilsonphoto.com/gallery/showcase/frontpage/

    P. P. S. Все скрипты и стили лежат на своих местах. С ними нет проблем. Проблема лишь в том, чтобы сгенерить ссылку на картинку, используя Дитто и TV.
      • 1788
      • 1,103 Posts
      Quote from: serdeles at Oct 21, 2010, 08:31 AM

      P. S. Это мой второй вопрос про слайдер на jQuery за сегодня smiley С первым (Nivo Slider) я разобрался, а вот с этим всё ещё впереди smiley Как он работает, можно увидеть тут: http://alexwilsonphoto.com/gallery/showcase/frontpage/
      Вставьте код в head как на примере и добавьте js файлы.
        • 26698
        • 148 Posts
        Вставьте код в head как на примере и добавьте js файлы.

        Это в общем-то я первым делом и сделал. Код, который я приводил выше, взят из чанка, просто там пока не прописан TV. Все файлы jQuery и CSS лежат на сервере и ждут своего часа smiley

        За тег head отвечает чанк {{HEAD}}, где указаны все пути к скриптам и стилям.

        Вопрос в том, как сделать так, чтобы Ditto генерировал ссылку на картинку в ввиде 1:1.

        Например: загружаю картинку в assets/templates/site/images/0001.jpg
        Дитто должен выдать конструкцию, которая на сайте в исходном html коде будет выглядеть так:


           <li><a href="assets/templates/site/images/0001.jpg"><img src="assets/templates/site/images/0001.jpg"></a></li>
        


        Собственно, количество произвольное. От 0001.jpg до хоть 9999.jpg

        <li><a href="assets/templates/site/images/0001.jpg"><img src="assets/templates/site/images/0001.jpg"></a></li>
        <li><a href="assets/templates/site/images/0002.jpg"><img src="assets/templates/site/images/0002.jpg"></a></li>
        <li><a href="assets/templates/site/images/0003.jpg"><img src="assets/templates/site/images/0003.jpg"></a></li>
        


        Ничего сверхъестественного, просто я не могу додуматься, как заставить его генерить такую ссылку.
          • 1788
          • 1,103 Posts
          Quote from: serdeles at Oct 21, 2010, 11:21 AM

          <li><a href="assets/templates/site/images/0001.jpg"><img src="assets/templates/site/images/0001.jpg"></a></li>
          <li><a href="assets/templates/site/images/0002.jpg"><img src="assets/templates/site/images/0002.jpg"></a></li>
          <li><a href="assets/templates/site/images/0003.jpg"><img src="assets/templates/site/images/0003.jpg"></a></li>
          

          Ничего сверхъестественного, просто я не могу додуматься, как заставить его генерить такую ссылку.
          Чанк для дитто myimg:
          <li><a href="[+image+]" title="[+pagetitle+]"><img src="[+image+]" title="[+pagetitle+]" alt="[+pagetitle+]"></a></li>

          TV параметр image с типом Image (без настройки визуализации).
          Вызов в шаблоне:
          <ul>[[Ditto? &tpl=`myimg` &display=`all` &parents=`id родителя картинок`]]</ul>
          В родителе создаем дочерний ресурс и добавляем ссылку на картинку.

          Кстати рекомендую посмотреть jQuery Tools. Возможностей больше и скрипт "все включено": http://flowplayer.org/tools/index.html
            • 26698
            • 148 Posts

            Кстати рекомендую посмотреть jQuery Tools. Возможностей больше и скрипт "все включено": http://flowplayer.org/tools/index.html

            Спасибо большое. Сейчас испробую ваш совет в деле smiley
              • 1788
              • 1,103 Posts
              Quote from: serdeles at Oct 22, 2010, 12:06 AM


              Кстати рекомендую посмотреть jQuery Tools. Возможностей больше и скрипт "все включено": http://flowplayer.org/tools/index.html

              Спасибо большое. Сейчас испробую ваш совет в деле smiley
              Вот примеры реализации:
              http://salon-viktori.ru
              http://kabaretshowlove.ru/main
              Там версии с 2 скриптами
              jquery-1.4.2.min.js и jquery.tools.min.js

              В новой версии Tools можно и без jquery-1.4.2.min.js обойтись.
                • 26698
                • 148 Posts
                Спасибо! Всё работает!