Joomla 1.5 Как реализовать такую ситуацию с картинкой?

Тема в разделе "Наполнение", создана пользователем hozman, 28.05.2009.

  1. hozman
    Offline

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

    Регистрация:
    14.04.2009
    Сообщения:
    39
    Симпатии:
    0
    Пол:
    Мужской
    Есть сайт http://www.westhome.spb.ru/lan_ip.htm
    Там по ходу статьи встречаются 2 картинки. Они в статье нбольшие, но по клику открываются полностью. Как это реализовать? И можно ли это реализовать стандартными средствами?
     
  2.  
  3. SanSan
    Offline

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

    Регистрация:
    04.03.2006
    Сообщения:
    424
    Симпатии:
    18
    Пол:
    Мужской
    Элементарно с помощью текстового редактора joomla:
    в текст вставляешь маленькую картинку и добавляешь с нее ссылку на большую.
    Само-собой, маленькая и большая картинки должны быть на сервере.

    Это, кстати, стандартный код html
     
  4. hozman
    Offline

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

    Регистрация:
    14.04.2009
    Сообщения:
    39
    Симпатии:
    0
    Пол:
    Мужской
    Кстати да, это я по неопытности ... Знаю что так делается в html, но ещё не применял на практике, потому и ... Разобрался быстро. Спасибо.
    НО появился ещё встречный вопрос:
    Я нажимаю на миникартинку, и вылазил большая картинка слева, - а я хочу чтоб она вылезла по центру. Как это сделать? Это уже не стандартный код :)
     
  5. Offline

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

    Регистрация:
    09.02.2006
    Сообщения:
    155
    Симпатии:
    4
    Пол:
    Мужской
    К сожалению не могу посмотреть сайт в первом посте ТС, он не открывается, но думаю речь идет об эффекте Lightbox.
    Это устанавливается мамбот (плагин), а картинке в тексте вставляются в специальном теге.

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

    У меня это сделано с помощью бесплатного плагина от Rockettheme, который можно использовать с любыми шаблонами (не обязательно с их студийными).

    При вставке картинке я использую примерно такой синтаксис
    Код (CODE):
    1. {rokbox thumb=|images/stories/image_thumb.jpg| title=|Название картинки|}images/stories/image.jpg{/rokbox}

    images/stories/image_thumb.jpg - это миниатюра
    images/stories/image.jpg - полная версия

    Есть подробная инструкция, там можно указывать много дополнительных параметров. Превьюшки лучше создвать самому, выделяя нужную область. На сайте описан способ как можно это делать автоматически, но не всегда красиво выходит.

    Вот ссылка на Rockbox
     
    hozman нравится это.
  6. hozman
    Offline

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

    Регистрация:
    14.04.2009
    Сообщения:
    39
    Симпатии:
    0
    Пол:
    Мужской
    Спасибо. Хороший плагин. Кстати, единственное, что непонравилось ... так это то что размер всплывающего окошка изображения, которое больше чем исходное ... не может автоматически подстраиваться под размер изображения, а нужно прописывать как я поне фиксированный размер окна.
     
  7. hozman
    Offline

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

    Регистрация:
    14.04.2009
    Сообщения:
    39
    Симпатии:
    0
    Пол:
    Мужской
    Кстати, а есть-ли такая функция здесь? Что-то не нашёл. У меня изображение разворачивается не полностью ... обрезаное
    Пробывал парамерт RokBox Default Width/Height увеличить, но у меня не видно изменений.
    В ширину всё ок, а вот вниз обрезано.
    Я сделал 2 вложения, там видно на миниатюре какое должно быть изображение.
    И ещё странно, что одо изображение (при том же синтаксисе вставки) появилось с нормальной подписью, а вот это, которое я выложил, не так как нужно. На скрине видно, оно сбоку миниатюры написало ..
    А синтаксис тут был правильный, вот: {rokbox thumb=|images/stories/about_us/ip_net1(small).jpg| title=|Рис. 1|}images/stories/about_us/ip_net1(big).jpg{/rokbox}
    То ли глюк, то ли ...
     

    Вложения:

    Последнее редактирование: 29.05.2009
  8. Offline

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

    Регистрация:
    09.02.2006
    Сообщения:
    155
    Симпатии:
    4
    Пол:
    Мужской
    Спасибо кнопкой + в репутации нужно говорить, а не словами :)
    Видел я пример писал, у меня этот параметр вообще не задан. Окно как ты видишь четко под размер картинки делается у меня на сайте.
     
  9. hozman
    Offline

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

    Регистрация:
    14.04.2009
    Сообщения:
    39
    Симпатии:
    0
    Пол:
    Мужской
    Ну а мне как сдеать? :)
     
  10. Offline

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

    Регистрация:
    09.02.2006
    Сообщения:
    155
    Симпатии:
    4
    Пол:
    Мужской
    а что значит - не там подпись
     
  11. hozman
    Offline

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

    Регистрация:
    14.04.2009
    Сообщения:
    39
    Симпатии:
    0
    Пол:
    Мужской
    Ну на прикреплённой картинке видно, что подпись сбоку где-то, а нужно по центру и желательно снизу.
    Да и к тому же нужно чтоб подстраивалось по размер изображения окно плагина.
    how to ... :)
     
  12. Offline

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

    Регистрация:
    09.02.2006
    Сообщения:
    155
    Симпатии:
    4
    Пол:
    Мужской
    Дай адрес сайта
     
  13. hozman
    Offline

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

    Регистрация:
    14.04.2009
    Сообщения:
    39
    Симпатии:
    0
    Пол:
    Мужской
    Я на данный момент на Денвере доделываю. Не выложил ещё на хостинг.
     
  14. honeybee
    Offline

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

    Регистрация:
    10.09.2008
    Сообщения:
    124
    Симпатии:
    5
    Пол:
    Женский
    а я пользуюсь плагином mavik Thumbnails. никаких кодов не пишу. просто вставляю в визуальном редакторе картинку выделяю ее и просто мышкой тащу до нужных мне размеров. теперь картинка маленькая а при нажатии на нее она увеличивается в лайтбокс посредине экрана с подписью внизу.
    http://honeypunk.ru/blog.html
    вот. посмотри. все картинки увеличиваются:)
     
  15. Offline

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

    Регистрация:
    04.08.2009
    Сообщения:
    4
    Симпатии:
    0
    Пол:
    Женский
    Как сделать ссылку на картинку таким образом

    Помогите. Хочу организовать у себя на сайте вот такое как на этом сайте
    http://www.gorod.gatchina.biz/dll_9103603

    То есть нажимая на картинку чтобы выводилось в новом окне подогнаном под картинку... Как это сделать? Заранее огромное спасибо!
     

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

Загрузка...