Можно такое с помощью какой-нибудь галереи сделать? Или самому делать?

Тема в разделе "Галереи", создана пользователем Artie, 21.10.2010.

  1. Offline

    Artie Недавно здесь

    Регистрация:
    09.02.2010
    Сообщения:
    75
    Симпатии:
    1
    Пол:
    Мужской
    Здравствуйте! Возможно с помощью какой-нибудь галереи такое сделать? http://www.decadanceclub.ru/pages/instructors_9/
     
  2.  
  3. Offline

    Artie Недавно здесь

    Регистрация:
    09.02.2010
    Сообщения:
    75
    Симпатии:
    1
    Пол:
    Мужской
    Нету даже похожих галерей, которые просто можно будет подпилить?
     
  4. doctorgrif
    Offline

    doctorgrif специалист

    Регистрация:
    14.01.2008
    Сообщения:
    1 284
    Симпатии:
    66
    Пол:
    Мужской
    руки на что?
    там 3 скрипта :)
    Код (CODE):
    1. <script type="text/javascript" src="/js/prototype.js"></script>
    2. <script type="text/javascript" src="/js/scriptaculous.js"></script>
    3. <script type="text/javascript" src="/js/lightbox.js"></script>

    и структура в html
     
  5. Offline

    Artie Недавно здесь

    Регистрация:
    09.02.2010
    Сообщения:
    75
    Симпатии:
    1
    Пол:
    Мужской
    Я посмотрел эти скрипты, теперь как их всунуть на какую-нить страницу в джумле?
     
    Последнее редактирование: 22.10.2010
  6. doctorgrif
    Offline

    doctorgrif специалист

    Регистрация:
    14.01.2008
    Сообщения:
    1 284
    Симпатии:
    66
    Пол:
    Мужской
    можно почитать это:
    http://www.google.ru/search?client=opera&rls=ru&q=scriptaculous&sourceid=opera&ie=utf-8&oe=utf-8
    а конкретнее:
    http://script.aculo.us/
    http://www.simplecoding.org/upravlenie_effectami_scriptaculous.html
    еще боле конкретно:
    http://script.aculo.us/thomas/ (демо)
    http://ajaxian.com/archives/thomas-fuchs-uses-scriptaculous-20-on-his-own-site (описание процесса)
    а вот именно в том виде, в котором надо
    http://cool-javascripts.com/prototype/most-useful-prototype-plugins.html
    http://www.deensoft.com/lab/protoflow/

    делается просто:
    через модуль, позволяющий подключать js (для 1.0 это был mod_html и mod_php), формируется код, который затем отображается в соответствующей позиции на сайте
    получается в виде такого:
    Код (CODE):
    1. /*вызов скриптов*/
    2.         <script src="lib/prototype.js" type="text/javascript"></script>
    3.         <script src="lib/scriptaculous.js" type="text/javascript"></script>
    4.         <script src="lib/reflection.js" type="text/javascript"></script>
    5.         <script src="protoFlow.js" type="text/javascript"></script>
    6.         <link rel="stylesheet" href="protoFlow.css" type="text/css"/>
    7.         <script language="Javascript">
    8.             Event.observe(window, 'load', function() {
    9.                 prettyPrint();
    10.                 cf = new ProtoFlow($("protoflow"), {
    11.                     captions: true,
    12.                     useReflection: true,
    13.                     enableOnClickScroll: true
    14.                 });
    15.             });
    16.         </script>
    17. /*html код галереи*/
    18. <div id="myCoverFlow">
    19.         <a href="http://www.google.com"><img src="image1.jpg" alt="Caption for this image 1"/></a>
    20.         <a href="http://www.google.com"><img src="image2.jpg" alt="Caption for this image 2"/></a>
    21.         <a href="http://www.google.com"><img src="image3.jpg" alt="Caption for this image 3"/></a>
    22.         .....
    23.         <a href="http://www.google.com"><img src="imageN.jpg" alt="Caption for this image N"/></a>
    24. </div>


    Технически, это может выступать каркасом кода, который размещается в модуле вывода произвольного кода для вашей версии cms.
    Естественно - пути, альты/титлы и URI надо переписать под свои реалии
     
    Последнее редактирование: 22.10.2010

Поделиться этой страницей

Загрузка...