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

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

Вы не зашли.

#1 22-08-2011 19:37:07

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

TXP плавное изменение картинок.

Как реализовать плавное увеличение(изменение) картинок.
Т. е. скажем есть новостной сайт состоящий из статей(картинка, текст).
Width картинки равен 200px;
Но если кликнуть на нее, то она увеличивается в модальном окне, без затемнения остальной части.

lightbox, fancybox.....

Главное чтобы не нужно было создавать сразу 2 картинки.(мал. и бол.).
Размер будет, скажем: 600px, но все картинки будут уменьшены до 200px через CSS.

Картинки заливаются на сервер с помощью плагина lam_image_uploader.

Есть ли где инструкция.

Отредактированно alivato (22-08-2011 19:41:09)


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

Неактивен

 

#2 23-08-2011 12:03:30

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

Re: TXP плавное изменение картинок.

Посмотри http://www.solo-line.ru/articles/vashet … e-internet
Правда я там код вручную ставил, но это думаю не проблема или так: Вообще не проблема.
Если что то такое подойдет, опишу.


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

Неактивен

 

#3 23-08-2011 13:19:33

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

Re: TXP плавное изменение картинок.

Спасибо, в принципе я думаю пойдет.
Жду ответа.

Отредактированно alivato (23-08-2011 14:27:30)


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

Неактивен

 

#4 25-08-2011 11:39:23

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

Re: TXP плавное изменение картинок.

http://www.solo-line.ru/articles/podkly … ript-i-css
Я вот так подключаю css и javascript файлы к статьям.


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

Неактивен

 

#5 27-08-2011 23:06:12

the_ghost
ять
Откуда: Минск
Зарегистрирован: 01-05-2007
Сообщений: 1957
Вебсайт

Re: TXP плавное изменение картинок.

Чем не подходит система, в которой на странице показываются уменьшенные картинки и по клику открываются полноразмерные?


.      Создание шаблонов для Textpatern http://textpattern.ru/forum/viewtopic.php?id=1665 (<txp:make_template quality="best" />)
КОНСУЛЬТАЦИИ по Textpattern - ICQ#8458496, nemiga@gmail.com <txp:if_question><txp:pay /></txp:if_question>
       Список всех тегов - http://textbook.textpattern.net/wiki/in … _Reference

Неактивен

 

#6 28-08-2011 08:52:32

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

Re: TXP плавное изменение картинок.

the_ghost написал:

Чем не подходит система, в которой на странице показываются уменьшенные картинки и по клику открываются полноразмерные?

Ну сейчас уже 21 век, всякие рюшечки-красатулечки рулят.


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

Неактивен

 

#7 29-08-2011 01:38:16

the_ghost
ять
Откуда: Минск
Зарегистрирован: 01-05-2007
Сообщений: 1957
Вебсайт

Re: TXP плавное изменение картинок.

Никто и не отменяет "рюшечки". Просто это неправильно уменьшать картинки CSS-ом:
1. Неоправданно большой трафик для посетители
2. Не во всех браузерах сглаживание проходит красива (хотя для ИЕ есть решение, но, опять же, это будет хак).


.      Создание шаблонов для Textpatern http://textpattern.ru/forum/viewtopic.php?id=1665 (<txp:make_template quality="best" />)
КОНСУЛЬТАЦИИ по Textpattern - ICQ#8458496, nemiga@gmail.com <txp:if_question><txp:pay /></txp:if_question>
       Список всех тегов - http://textbook.textpattern.net/wiki/in … _Reference

Неактивен

 

#8 02-09-2011 12:31:09

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

Re: TXP плавное изменение картинок.

Вроде же плагин для TxP есть всякие lightbox`ы, не? Всякие там smd_slimbox, bas_lightbox, smd_gallery и т.д.

Неактивен

 

#9 02-09-2011 23:48:59

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

Re: TXP плавное изменение картинок.

Стоит плагин hak_tinymce
Картинки, добавляются в непосредственно в статью.
Все эти картинки имеют разный размер, но я фиксирую его width="300"; хотя реальная width="500";

http://img-fotki.yandex.ru/get/4411/84602965.0/0_6c0b0_742db70d_orig.png

Код картинки после вставки:

<p><img src="http://site.com/images/56.jpg" alt="" width="300" /></p>

Как сделать чтобы при клике на картинку, она плавно отображалась в модальном окне изменяясь до реального размера.
Есть ли инструкция?

Отредактированно alivato (02-09-2011 23:58:17)


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

Неактивен

 

#10 05-09-2011 11:36:12

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

Re: TXP плавное изменение картинок.

Как сделать чтобы при клике на картинку, она плавно отображалась в модальном окне изменяясь до реального размера.
Есть ли инструкция?

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

Неактивен

 

#11 05-09-2011 12:24:31

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

Re: TXP плавное изменение картинок.

А можно чтобы этот класс добавлялся автоматически, сразу после вставки, кн. в hak_tinymce.

Как сейчас

<p><img src="http://site.com/images/56.jpg" alt="" width="300" /></p>

А так надо. (Добавился класс zoom)

При том это еще должна быть ссылка на мод. окно.
А так же всего 1 картинка.

<p><img class="zoom" src="http://site.com/images/56.jpg" alt="" width="300" /></p>

Отредактированно alivato (05-09-2011 13:11:13)


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

Неактивен

 

#12 05-09-2011 14:51:03

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

Re: TXP плавное изменение картинок.

Только что заметил небольшую не доработку в плагине hak_tinymce, это как раз по вставке id, class и rel для ссылок. Надо будет подправить и  отдать людям! А так я в коде html правил. Но, конечно для контент-менеджера лучше подправить.


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

Неактивен

 

#13 05-09-2011 22:23:12

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

Re: TXP плавное изменение картинок.

Redduck написал:

Только что заметил небольшую не доработку в плагине hak_tinymce, это как раз по вставке id, class и rel для ссылок. Надо будет подправить и  отдать людям! А так я в коде html правил. Но, конечно для контент-менеджера лучше подправить.

Было бы не плохо. Спасибо.


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

Неактивен

 

#14 07-09-2011 16:37:42

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

Re: TXP плавное изменение картинок.

С помощью плагина pax_grep

<txp:pax_grep from='|<img|' to="<a href=''><img">
<txp:body />
</txp:pax_grep>

Получилось преобразовать этот код

<p><img src="http://site.com/images/56.jpg" alt="" width="300" /></p>

в этот

<p><a href=''><img src="http://site.com/images/56.jpg" alt="" width="300" /></a></p>

Мне нужно чтобы между кавычками* была та же самая ссылка на картинку

<p><a href='*'><img src="http://site.com/images/56.jpg" alt="" width="300" /></a></p>

в это

<p><a href='http://site.com/images/56.jpg'><img src="http://site.com/images/56.jpg" width="300" /></a></p>

Как это можно сделать?

Может с помощью article image,..  но картинка находится внутри статьи?...

Отредактированно alivato (07-09-2011 16:40:59)


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

Неактивен

 

#15 14-09-2011 22:33:15

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

Re: TXP плавное изменение картинок.

Оказалось можно активировать плагин advlink, надо найти строчку plugins : "searchreplace,txpimage" и заменить на plugins : "advlink,searchreplace,txpimage". Заменяется во вкладке расширения->hak_tinymce.
Вот так стало выглядеть у меня:
http://www.solo-line.ru/images/48.png


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

Неактивен

 

#16 09-10-2011 01:12:44

itshaman
слово
Откуда: Омск
Зарегистрирован: 03-06-2009
Сообщений: 395
Вебсайт

Re: TXP плавное изменение картинок.

alivato написал:

Как реализовать плавное увеличение(изменение) картинок.
Т. е. скажем есть новостной сайт состоящий из статей(картинка, текст).
Width картинки равен 200px;
Но если кликнуть на нее, то она увеличивается в модальном окне, без затемнения остальной части.

lightbox, fancybox.....

Главное чтобы не нужно было создавать сразу 2 картинки.(мал. и бол.).
Размер будет, скажем: 600px, но все картинки будут уменьшены до 200px через CSS.

Картинки заливаются на сервер с помощью плагина lam_image_uploader.

Есть ли где инструкция.

Я реализовал подобное с помощью стандартного инструмента TXP (обрезание изображения при его добавлении) и FancyBox. Изображения присваиваются в качестве изображений к статье и выводятся в теле статьи. Если подойдет то могу выложить код


Помогу сделать Ваш сайт лучше! Принимаю Webmoney, PayPal, рубли, доллары, печеньки

Неактивен

 

#17 11-10-2011 01:36:25

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

Re: TXP плавное изменение картинок.

Вся суть в том, что человек который пишет статьи, хочет чтобы в теле статьи была панель (что-то типа word (hak_tinymce))
В общем чем проще тем лучше.

Буду рад если Вы выложите.
Спасибо.


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

Неактивен

 

Board footer

RSS   Rambler's Top100
Powered by PunBB
Textpattern.ru