Фото пользователей ~ легкий аякс (ver*1.10 ...)

1598
Привет всем!

Решил немного улучшить галерею фото пользователей.
А точнее процесс их просмотра.

.. Зайдя в альбом пользователя и кликнув по фото, оно открывается в окошке с описанием,
навигацией, комментами и тп..
Все отлично,, но когда начинаешь листать фото, браузер при обновлении странички кидает вверх,
приходится постоянно мотать вниз .. Это быстро надоедает ..

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



Немного переделав файл шаблона com_users_photos_view.tpl , добился нужного.

Как работает:

Теперь следующее фото подгружается без перезагрузки всей страницы.
Экономит трафик и нервы)
Не влияет на ссылки и SEO !
(все ссылки остаются прежними и кликабельными, поисковики переходят по ним как обычно)


Под фото добавил ссылку на текущую страничку (подгруженную), т.к. адрес в браузере не меняется.



Теперь пользователю будет удобнее, а это самое главное!)

* Изменения коснулись всего 1 файла шаблона.
* Сделано на дефолтном, но легко можно адаптировать под себя.
* Установка - распаковать, скопировать согласно папок.
(если у вас свой шаблон, то соответственно в папку к нему.)
* Как обычно- не забывайте про резервные копии ))
* Делал на 1.10, но думаю без проблем встанет на 1.9 (не проверял)

* Всех с Наступающим !)


СкачатЬ вариант с обычным эффектом прозрачности

Скачать вариант эффекта при подгрузке с дефолтным progress.gif


Демо нет, т.к. все на пк домашнем сидит,
Если кто установит и даст ссылку, будет отлично.



ps. Обновлено ! ..Забыл кнопки вернуть дефолтные.)
Простая регистрация = больше пользователей. (ver*1.10) | Защита от минусаторов (микро хак *1.10_*)
Комментарии (31)
Dost 27 декабря 2012 в 19:07 +1
Спасибо. Да, хотелось бы посмотреть. С Новым голом!
GarikKR 27 декабря 2012 в 20:12 +1
Спасибо огромное!!! А как такое сделать для общих альбомов?
Капитан 29 апреля 2016 в 01:17 0
Вопрос снова актуален! Ответ был?
Zau4man 27 декабря 2012 в 20:38 0
Кто поставил, дайте демо поглядеть.
GarikKR 27 декабря 2012 в 21:14 0
еслиб сделать такую штуку чтоб при подгрузке фото появлялся какойнибудь крутящийся круг,ну я думаю вы поняли о чем я, а то фото подгружается давольно таки долго, и не понятно нажал ты на кнопку или нет. Да и почему так долго происходит подгрузка? Страница быстрей перезагружается(по дефолту когда)
KS 28 декабря 2012 в 11:52 0
Да и почему так долго происходит подгрузка? Страница быстрей перезагружается(по дефолту когда)

странно .. у меня наоборот быстрее.
[email protected] 27 декабря 2012 в 21:15 0
Интерестное обновление, сейчас домой приеду и поставлю ссылку скину для всеобщего просмотра smile
[email protected] 27 декабря 2012 в 22:16 0
http://www.dimasik.com.ua/photos/1034 как и обещал вот ссылка
GarikKR 27 декабря 2012 в 23:18 0
А где дэмо то???? по ссылке все дефолт
[email protected] 27 декабря 2012 в 23:33 0
так туда в шаблон и залил как автор описал и вот что получилось, хотя как вариант может где то и я так сказать ошибся
[email protected] 27 декабря 2012 в 23:35 0
как вариант ошибка в архиве
GarikKR 28 декабря 2012 в 00:49 0
Вы дали общие альбомы ссылку, а надо пользовательские фото альбомы
[email protected] 28 декабря 2012 в 01:19 0
http://www.dimasik.com.ua/users/dimasik/photos/private5.html вот так точнее будет и всё прекрасно работает
Кишля Раду 28 декабря 2012 в 00:05 +1
а для 1.9 нет такого чуда?
Митяй 28 декабря 2012 в 18:48 0
Было бы не плохо!
GarikKR 28 декабря 2012 в 00:48 0
Все работает замечательно, вот только пользователь может затыкать эту кнопку, бес колесика загрузки
KS 28 декабря 2012 в 11:51 0
еслиб сделать такую штуку чтоб при подгрузке фото появлялся какойнибудь крутящийся круг,ну я думаю вы поняли о чем я, а то фото подгружается давольно таки долго, и не понятно нажал ты на кнопку или нет. Да и почему так долго происходит подгрузка? Страница быстрей перезагружается(по дефолту когда)

Я сделал немного по другому. Во многих местах инстанта при подгрузки применяется свойство прозрачности opacity.
т.е. контент "белеет" на время загрузки нового.
Подумал, что лучше оформить все в одном стиле.

Если так не очень, можно сделать с дефолтной картинкой загрузки - progress.gif
GarikKR 28 декабря 2012 в 12:10 0
применяется свойство прозрачности opacity. Да было бы и так здорово! Но сейчас ничего не происходит при подгрузке((
KS 28 декабря 2012 в 13:34 0
Тут при смене фото работает.
Браузер у вас какой?
GarikKR 28 декабря 2012 в 14:11 0
хром. этого эфекта нет ((
KS 28 декабря 2012 в 15:53 0
* Вот сделал вариант эффекта при подгрузке с дефолтным progress.gif . Можете любой файл заливать вместо www/images/progress.gif , в нете их оч много ))
onix 28 декабря 2012 в 14:23 0
Спасибо все отлично работает!!!!
BELIEVER 18 апреля 2013 в 13:33 0
у кого можно посмотреть?
Капитан 17 ноября 2013 в 16:55 0
Под версию 1.10.1 никто не подправлял? Действительно просматривать фото не удобно.
BELIEVER 17 ноября 2013 в 17:08 0
а у меня вообще не работает но очень хотелось бы
scanread 11 февраля 2015 в 19:21 0
Для 10.6 случаем никто не пробовал перевести? zst
Доротея 11 февраля 2015 в 22:57 +1
1.10.3 - 1.10.7 должно подойти. Файл переименуйте ".jpeg" - уберите с конца.
Заранее
Спойлер
scanread 12 февраля 2015 в 01:49 0
404 страница, что с .jpeg на конце что без него hoho
Шадринец 15 сентября 2015 в 17:56 0
Здравствуйте во второй Ветки тоже самое, будете для двушки делать очень хотелось бы.
al955 1 февраля 2016 в 21:52 0
на 1.10.6 не работает, по-прежнему кидает вверх
Капитан 29 апреля 2016 в 01:18 0
Для обычных фотоальбомов кто-то делал?