Textpattern - на русском языке

форум общения русскоязычных пользователей CMS Текстпаттерн

Вы не зашли.

#1 17-01-2012 17:29:37

Freeant
веди
Зарегистрирован: 17-01-2012
Сообщений: 20

Как подключить плагин к картинкам?

Салют!

Для создания статей, я использую плагин hak_tinymce
Для загрузки картинок на сервер плагин lam_image_uploader

Стандартная статья: текст - картинка

Все картинки, которые я загружаю на сервер, имеют разный размер(px)
Через CSS размер картинки автоматически масштабирующий до width=333px;


???
Как сделать так чтобы при нажатии на картинку, она изменялась в модальном окне до реального размера (какой-нибудь jquery плагин).
Видел подобную статью, но там надо было писать спец. теги TXP, или ...
Без дублирования картинок, т. е. всего одна картинка, а не две мал. и бол.

Интересует именно, работа через плагин hak_tinymce.
Т. е. редактор сайта работал с hak_tinymce без знания специальных тегов TXP и Textile

???

Неактивен

 

#2 19-01-2012 15:37:42

Redduck
мыслете
Откуда: Челябинск
Зарегистрирован: 12-10-2009
Сообщений: 187
Вебсайт

Re: Как подключить плагин к картинкам?

А Вам с любой картинкой в статье надо проделывать такое(показывать большую?). Это я к чему, если с любой то все просто, а если не с любой, то надо как-то картинки пометить какие надо показывать, какие нет. Дайте ссылку на такую статью, я вам примерный план действий могу накидать.


Учусь потихоньку, а надо бы побыстрей, да лень.
Куба, пой, Куба, пой, Куба, народ свободный мой!

Неактивен

 

#3 19-01-2012 18:07:18

Freeant
веди
Зарегистрирован: 17-01-2012
Сообщений: 20

Re: Как подключить плагин к картинкам?

Да так пойдет, буду ждать.
Ссылка на сайт со статьями
http://foxback.org/

Отредактированно Freeant (19-01-2012 18:07:55)

Неактивен

 

#4 20-01-2012 01:28:44

Unseen
покой
Откуда: Киев
Зарегистрирован: 11-09-2006
Сообщений: 315
Вебсайт

Re: Как подключить плагин к картинкам?

Вроде бы при использования lightbox и ему подобных, достаточно при вставки картинки указывать ей какой-то класс или id, после чего достаточно "одной картинки" вставленной через hak_tinymce. Не пробовали смотреть эти плагины?

Неактивен

 

#5 20-01-2012 01:48:04

Freeant
веди
Зарегистрирован: 17-01-2012
Сообщений: 20

Re: Как подключить плагин к картинкам?

Дело в том, что код изображения после вставки имеет вид ~
<img src="image1.jpg" width="72" height="72" alt="" />

А мне надо чтобы было так ~
<a href="image1.jpg"><img src="image1.jpg" width="72" height="72" alt="" /></a>

Можно, конечно, превратить картинку в ссылку ч/з соответствующую кн. (там вставить ссылку на картинку и возможно class)

Однако, мне нужно чтобы код при вставке уже был таким(был ссылкой) (обернут в тег А, и ссылка на картинку была бы такой же, как и в теге img, т. е. как бы копировалась.)

Отредактированно Freeant (20-01-2012 01:54:53)

Неактивен

 

#6 20-01-2012 17:38:01

Unseen
покой
Откуда: Киев
Зарегистрирован: 11-09-2006
Сообщений: 315
Вебсайт

Re: Как подключить плагин к картинкам?

Однако, мне нужно чтобы код при вставке уже был таким(был ссылкой) (обернут в тег А, и ссылка на картинку была бы такой же, как и в теге img, т. е. как бы копировалась.)

Для этого видимо придется править сам hak_tinymce. Вряд ли найдется готовый модуль под такую задачу. Кстати, самому вот понадобился схожий функционал. Пока склоняюсь к правке hak_tinymce (например, добавить в редактор еще одну кнопку "вставить картинку-ссылку"). Останавливает только сложности с последующим возможным обновлением плагина.

Отредактированно Unseen (20-01-2012 17:39:34)

Неактивен

 

#7 20-01-2012 23:29:28

Freeant
веди
Зарегистрирован: 17-01-2012
Сообщений: 20

Re: Как подключить плагин к картинкам?

Если что 'нароешь' пиши.

Неактивен

 

#8 21-01-2012 18:47:13

dokar99
буки
Зарегистрирован: 22-04-2011
Сообщений: 14

Re: Как подключить плагин к картинкам?

Очень удобно реализовал такую же схему работы с картинками.
TinyMCE поддерживает грамотный Драг-н-дроп, в том числе и форматированного контента.
Для удобства нам нужно подправить lam_image_uploader.
Для этого находим:

Код:

if($prefs['lam_image_uploader_show_thumbnail'] == '1') {
    echo '<img src="'.hu.$img_dir.'/'.$img_result[1].'t'.$ext;
    if($prefs['lam_image_uploader_move_sidebar'] == '1') {
    echo '" height="150" />';
    } else {
        echo '" style="max-width:400px" />';
    }

Добавляем после:

Код:

echo '<h4>FanCy:</h4>';

echo '<a href="'.hu.$img_dir.'/'.$img_result[1].$ext.'"  class="fancy" rel="gallery"><img src="'.hu.$img_dir.'/'.$img_result[1].'t'.$ext;
if($prefs['lam_image_uploader_move_sidebar'] == '1') {
echo '" height="150" /></a>';
} else {
    echo '" style="max-width:400px" /></a>';
}

И вуаля, наш lam_image_uploader выдаёт две картинки. Причём у нижней есть класс fancy, который нам так нужен.
После всех этих пританцовываний с бубном идём на сайт http://www.fancybox.net/ откуда берём
- jquery.min.js
- jquery.fancybox.js
- style.css

Подцепляем между тегами head что-то типа:

Код:

<script type="text/javascript">
$(document).ready(function() {
    $(".fancy").fancybox({
        'hideOnContentClick': true,
        'overlayShow': true,
        'scrolling' : 'no',
        'showCloseButton'    : false,
        'titlePosition'    :    'inside',
        autoScale : false
    });
});
</script>

Подключаем к своему сайту.

Теперь, при написании статьи мы можем загрузить фотку и выбрать, нужно нам выводить табнейл, или вывести fancybox (простым дропом фотки в нужное место статьи).

Пользуюсь этим уже с год точно.
Удобно.

Будут вопросы - милости просим в личку.

Отредактированно dokar99 (21-01-2012 18:48:14)

Неактивен

 

#9 25-01-2012 19:36:45

Freeant
веди
Зарегистрирован: 17-01-2012
Сообщений: 20

Re: Как подключить плагин к картинкам?

У меня почему-то после загрузки изображения, они не отображаются.
Кто-нибудь знает почему?
http://img-fotki.yandex.ru/get/5503/51897877.0/0_75a93_f975d7d6_orig.png

---------------

Redduck
Как на счет плана действий от Вас?

Отредактированно Freeant (26-01-2012 00:23:03)

Неактивен

 

#10 26-01-2012 05:08:31

dokar99
буки
Зарегистрирован: 22-04-2011
Сообщений: 14

Re: Как подключить плагин к картинкам?

Сделай превьюшку из любой картинки.

http://khvweb.com/777.jpg

Тогда загрузчик будет знать, с каким размером обрабатывать табнейл.

Неактивен

 

#11 26-01-2012 13:22:44

Freeant
веди
Зарегистрирован: 17-01-2012
Сообщений: 20

Re: Как подключить плагин к картинкам?

Спасибо.

Отредактированно Freeant (27-01-2012 14:12:53)

Неактивен

 

#12 27-01-2012 14:12:35

Freeant
веди
Зарегистрирован: 17-01-2012
Сообщений: 20

Re: Как подключить плагин к картинкам?

Теперь, когда я переношу картинку в поле hak_tinymce,
Адрес изображения и ссылки становится относительным. (images/pic1.jpg)

И теперь почему-то, в полной статье картинка не хочет отображаться, хотя в сокращенной отображается.

В Firefox с помощью плагина firebug, я изменил адрес с отн. на абс. картинка сразу отобразилась. (http://www.site.com/images/pic1.jpg)

Как это исправить?

Отредактированно Freeant (27-01-2012 14:15:27)

Неактивен

 

#13 27-01-2012 15:42:27

Freeant
веди
Зарегистрирован: 17-01-2012
Сообщений: 20

Re: Как подключить плагин к картинкам?

В общем не много изменил код:

echo '<h4>FanCy:</h4>';

echo '<a class="fancy" rel="gallery" href="'.hu.'/'.$img_dir.'/'.$img_result[1].$ext.'"><img src="'.hu.'/'.$img_dir.'/'.$img_result[1].'t'.$ext;
if($prefs['lam_image_uploader_move_sidebar'] == '1') {
echo '" height="150" /></a>';
} else {
    echo '" style="max-width:400px" /></a>';
}

Отредактированно Freeant (27-01-2012 15:43:15)

Неактивен

 

#14 29-01-2012 02:11:36

alivato
земля
Зарегистрирован: 16-11-2010
Сообщений: 114
Вебсайт

Re: Как подключить плагин к картинкам?

При переносе картинки ссылка теряется, во всех браузерах кроме firefox.

Как решить пробему потери ссылки в др. браузерах. (chrome, opera, safari,...)


http://www.foxback.com - Свежие новости со всего мира!

Неактивен

 

Board footer

RSS   Rambler's Top100
Powered by PunBB
Textpattern.ru