Увелечение аватарки и всех уменьшенных фотографий в коментах, блогах, форумах и на стене с помощью prettyPhoto.Для версий 1.10.
1.Скачиваем и кладём на сервер prettyPhoto
2.Добавляем в template.php в <head></head>.(/templates/ваш шаблон/template.php)
3.Для аватарки, в com_users_profile.tpl(/templates/ваш шаблон/components/com_users_profile.tpl)
это
заменяем этим
4.В style.css шаблона надо добавить
{width:200px;}это размер аватарки в профиле.
5.В админке, в настройках большого аватара ставим нужный размер до которого хотитие чтоб увеличивалась аватарка.
Для общих альбомов.
В файле com_photos_view.tpl(/templates/ваш шаблон/components/com_photos_view.tpl)
это
заменяем этим
Увелечение аватарки с помощью highslide.Для версий до 1.9.
1.Скачиваем и кладём на сервер prettyPhoto
2.Добавляем в template.php в <head></head>.(/templates/ваш шаблон/template.php)
это
5.В админке, в настройках большого аватара ставим нужный размер до которого хотитие чтоб увеличивалась аватарка.
Для общих альбомов.
В файле com_photos_view.tpl(/templates/ваш шаблон/components/com_photos_view.tpl)
это
По просьбе трудящихся выкладываю способ увелечения аватарки по клику.
Demo click here
1.Скачиваем и кладём на сервер highslide
2.Добавляем в template.php в <head></head>.
3.Делаем изменения в /components/users/frontend.php
это заменяем
на это
4.В style.css шаблона надо добавить
{width:200px;}это размер аватарки в профиле.
5.В админке, в настройках большого аватара ставим нужный размер до которого хотитие чтоб увеличивалась аватарка.
!!! Важно знать скрипт highslide для личного использования бесплатен, но на комерческих сайтах его применение требует покупку лицензии.!!!!!
http://highslide.com/#licence
Вот и всё.
Лично приношу благодарность за помощъ • Mike •.
Demo click here
1.Скачиваем и кладём на сервер highslide
2.Добавляем в template.php в <head></head>.
это заменяем
5.В админке, в настройках большого аватара ставим нужный размер до которого хотитие чтоб увеличивалась аватарка.
!!! Важно знать скрипт highslide для личного использования бесплатен, но на комерческих сайтах его применение требует покупку лицензии.!!!!!
http://highslide.com/#licence
Вот и всё.
Лично приношу благодарность за помощъ • Mike •.
WHAT IS A COMMERCIAL WEBSITE?
A commercial website is a website which purpose is generating revenue or cash flow of any type, and that isn't under a non-profit organization. So if you're selling a product, selling advertisement, selling a service or just marketing a commercial business, your site is commercial. A company website is also commercial even if it doesn't sell anything, as it's purpose is to front a commercial company.
$usr['avatar'] = usrImageNOdb($usr['id'], 'big', $usr['imageurl'], $usr['is_deleted']); $pattern = "/<img(.*?)src=('|\")([^>]*).(bmp|gif|jpeg|jpg|png)('|\")(.*?)>/i"; $replacement = '<a href=$2$3.$4$5 class="highslide-image" onclick="return hs.expand(this);"><img$1src=$2$3.$4$5 $6></a>'; $usr['avatar'] = preg_replace($pattern, $replacement, $usr['avatar']);/*************************** Profile avatar size***************************/ .usr_img{width:200px;}Как уже писал в админке в настройках большого аватара поставь размер до которого должна увеличиваться аватарка.
Потом надо аватарки заного загрузить старые будут маленьких размеров и не будут увеличиваться.Потом надо аватарки заного загрузить старые будут маленьких размеров и не будут увеличиваться.
в com_users_profile.tpl в начало:
{add_js file='includes/jquery/highslide/highslide-with-html.packed.js'} {add_css file='includes/jquery/highslide/highslide.css'} {literal} <script type="text/javascript"> hs.graphicsDir = "/highslide/graphics/"; hs.outlineType = "rounded-white"; hs.outlineWhileAnimating = true; hs.showCredits = false; </script> {/literal}Файлы я поместил в includes/jquery вместо корня
П.С. а что у вас на демо съехало карма и рейтинг плюс не красиво отоброжается профайл!!!
находиться по умолчанию components/users/includes
Добавил значение width="200"
Вот и всё
Спасибо огромное alexbabo !!!
Теперь всё работает :)И второй вопрос. Можно ли как то к этому всему при открытии оставлять комментарии?
Заранее спасибо!!!
Выводить изображения\видео в модальном jquery окне.
Если появится свободное время, напишу как.
class="highslide" onclick="return hs.expand(this)
Вот это вставил в стили шаблона. (.usr_img{width:200px;})
Подскажите где еще копнуть?
И еще, в icms 1.10 в общих альбомах при просмотре фото есть ссылка "Открыть оригинал", фото открывается сразу в lightbox и prettyPhoto.
Вот так выглядит картинка на стене
Ну а после нажатия, открываться новая вкладка с этой картинкой