форум общения русскоязычных пользователей CMS Текстпаттерн
Вы не зашли.
Салют!
Для создания статей, я использую плагин hak_tinymce
Для загрузки картинок на сервер плагин lam_image_uploader
Стандартная статья: текст - картинка
Все картинки, которые я загружаю на сервер, имеют разный размер(px)
Через CSS размер картинки автоматически масштабирующий до width=333px;
???
Как сделать так чтобы при нажатии на картинку, она изменялась в модальном окне до реального размера (какой-нибудь jquery плагин).
Видел подобную статью, но там надо было писать спец. теги TXP, или ...
Без дублирования картинок, т. е. всего одна картинка, а не две мал. и бол.
Интересует именно, работа через плагин hak_tinymce.
Т. е. редактор сайта работал с hak_tinymce без знания специальных тегов TXP и Textile
???
Неактивен
А Вам с любой картинкой в статье надо проделывать такое(показывать большую?). Это я к чему, если с любой то все просто, а если не с любой, то надо как-то картинки пометить какие надо показывать, какие нет. Дайте ссылку на такую статью, я вам примерный план действий могу накидать.
Неактивен
Да так пойдет, буду ждать.
Ссылка на сайт со статьями
http://foxback.org/
Отредактированно Freeant (19-01-2012 18:07:55)
Неактивен
Вроде бы при использования lightbox и ему подобных, достаточно при вставки картинки указывать ей какой-то класс или id, после чего достаточно "одной картинки" вставленной через hak_tinymce. Не пробовали смотреть эти плагины?
Неактивен
Дело в том, что код изображения после вставки имеет вид ~
<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)
Неактивен
Однако, мне нужно чтобы код при вставке уже был таким(был ссылкой) (обернут в тег А, и ссылка на картинку была бы такой же, как и в теге img, т. е. как бы копировалась.)
Для этого видимо придется править сам hak_tinymce. Вряд ли найдется готовый модуль под такую задачу. Кстати, самому вот понадобился схожий функционал. Пока склоняюсь к правке hak_tinymce (например, добавить в редактор еще одну кнопку "вставить картинку-ссылку"). Останавливает только сложности с последующим возможным обновлением плагина.
Отредактированно Unseen (20-01-2012 17:39:34)
Неактивен
Если что 'нароешь' пиши.
Неактивен
Очень удобно реализовал такую же схему работы с картинками.
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)
Неактивен
У меня почему-то после загрузки изображения, они не отображаются.
Кто-нибудь знает почему?
---------------
Redduck
Как на счет плана действий от Вас?
Отредактированно Freeant (26-01-2012 00:23:03)
Неактивен
Сделай превьюшку из любой картинки.
Тогда загрузчик будет знать, с каким размером обрабатывать табнейл.
Неактивен
Спасибо.
Отредактированно Freeant (27-01-2012 14:12:53)
Неактивен
Теперь, когда я переношу картинку в поле hak_tinymce,
Адрес изображения и ссылки становится относительным. (images/pic1.jpg)
И теперь почему-то, в полной статье картинка не хочет отображаться, хотя в сокращенной отображается.
В Firefox с помощью плагина firebug, я изменил адрес с отн. на абс. картинка сразу отобразилась. (http://www.site.com/images/pic1.jpg)
Как это исправить?
Отредактированно Freeant (27-01-2012 14:15:27)
Неактивен
В общем не много изменил код:
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)
Неактивен
При переносе картинки ссылка теряется, во всех браузерах кроме firefox.
Как решить пробему потери ссылки в др. браузерах. (chrome, opera, safari,...)
Неактивен