Внимание! Данный раздел закрыт и доступен только для чтения в связи с запуском нового проекта uВопросы, на котором Вы можете найти ответ или задать любой интересующий вопрос по системе uCoz. Задавайте вопросы, ищите ответы и помогайте найти ответы другим пользователям системы! Получайте баллы и открывайте новые достижения. Подробнее в блоге...

Перейти на новый сайт помощи по uCoz


Архив - только для чтения
Сообщество uCoz » Модули uCoz » Контент-модули » Фотоальбомы » Ссылка на фотографии в альбоме (Всё связанное с ссылками)
Ссылка на фотографии в альбоме
Nordri
Сообщений: 4
Репутация: 0

Сообщение # 31 | 05:25:34
Quote (YuriT)
Quote (Skilf)
Как вытаскивать ссылку на следующий да предыдущий файл картинки понятно, но, вот, каким образом и возможно ли прописать ссылку самой картинке, находящейся в теге $PHOTO$?

Можно, но если делать просто - то работает это только для пользователей, которые не имеют прав помечать области на фотографиях. Дело в том, что для тех, кто имеет право помечать области, в код $PHOTO$ пихается здоровенный джава-скрипт, который очень мешает какой-либо работе с фотографией.

Вот это простое решение:
1. вместо $PHOTO$ пишем в шаблоне
Code
<a id="photoA" href="javascript://">$PHOTO$</a>

2. прямо перед комментариями (или за ними) вставляем в шаблон вот такой скрипт:
Code
<script>
var nextUrl=$('#nextPh').parent().attr('href');
if(nextUrl)
$('#photoA').attr('href',nextUrl);
</script>


Как говориться, "то что доктор прописал"! hands
Но пара вопросов (так как толком с Java не знаком):
1. Как надо добавить #fototo чтобы заработало <a name="fototo" ... ></a> ?..
То есть при клике на картинку на странице просмотра с рейтингом, коментами и п.р. открывалась следующая страница с фото, да еще и прокручивалась к нужному месту на странице, к фотографии по центру (переход по внутренней ссылке на странице, словом).
2. Как при клике на последние фото в альбоме можно было что то выполнить этим же скриптом? Например Переход к другому альбому, или на худой конец 'WindowAlert'
3. А еще лучше и п.1. и п.2. одновременно! biggrin

P.S. Если у кого не работает переход (об этом писалось выше):

Главная » Пользователи » Группы пользователей » Установка прав для всех групп + Фотоальбомы
снять все галки с "Помечать области на ---- фотографиях"

Добавлено (08-Янв-2011, 05:25:34)
---------------------------------------------

Quote (Excitement)
Подскажите пожалуйста как в фотоальбоме на странице с полной фотографией и комментариями разместить две кнопки или текстовые ссылки на предыдущую и следующую фотографию этого альбома?

Знаю тему поднимали но не подробно, я так и не поняла sad
Расскажите очень подробно пожалуйста smile


Excitement, очень легко (правда это только для перехода на следующую фото, а вот на предыдущую ...) Видимо также. только 'nextPh' менять на 'prevPh':


Заводчик Нодри! Сибирские хаски! www.nordri.ru
Сообщение отредактировал Nordri - Суббота, 08 Янв 2011, 05:30:59
olegsuv
Сообщений: 1365
Репутация: 127

Сообщение # 32 | 20:13:00
Quote (Nordri)
1. Как надо добавить #fototo чтобы заработало <a name="fototo" ... ></a> ?..

У ссылок не должно быть аттрибута name. Для якорей используют id. Ссылка на якорь должна содержать в данном случае #fototo

Quote (Nordri)
2. Как при клике на последние фото в альбоме можно было что то выполнить этим же скриптом? Например Переход к другому альбому, или на худой конец 'WindowAlert'

Ничего не понял.

Quote (kostik-tlt)
Здраствуйте. Скажите пожалуста, можно ли на странице вывести фото из фотоальбома. <img border="0" src="URL"> как узнать URL картинки. или другим способом

Тоже самое. Ничего не понял.

Любые работы по:
- Javascript, jQuery, HTML, CSS
- Верстке макетов и установке их на сайты
- Нестандартным решениям
Dmitry
Сообщений: 2154
Репутация: 1057

Сообщение # 33 | 20:15:07
kostik-tlt, $PHOTO_URL$
kostik-tlt
Сообщений: 27
Репутация: 15

Сообщение # 34 | 20:31:11
Scorpik427, я плохо разбираюсь в этих операторах(по моему это так называется), у меня два вопроса:
1. $PHOTO_URL$ , а где его узнать, для конкретнай фотографии?
2. Куда вставлять в src="$PHOTO_URL$" ?

Nordri
Сообщений: 4
Репутация: 0

Сообщение # 35 | 21:30:17
Quote (mob_dp2)
Quote (Nordri)
2. Как при клике на последние фото в альбоме можно было что то выполнить этим же скриптом? Например Переход к другому альбому, или на худой конец 'WindowAlert'

Ничего не понял.

Что то в районе:
if (nextUrl) = null(0);
openNewWindow(..); /*открыть ссылку (не знаю, как писать) */
else (nextUrl); /*иначе открыть следующий урл из Var */

Quote (mob_dp2)
Quote (Nordri)
1. Как надо добавить #fototo чтобы заработало <a name="fototo" ... ></a> ?..

У ссылок не должно быть аттрибута name. Для якорей используют id. Ссылка на якорь должна содержать в данном случае #fototo


С якорем и Id понятно, спасибо! smile

Вопрос в том, как и в какое место ввести параметр для href="- - - .html#fototo"

Code
<script>
var nextUrl=$('#nextPh').parent().attr('href');
if(nextUrl)
$('#photoA').attr('href',nextUrl);
</script>

$('#photoA').attr('href',nextUrl);
было
$('#photoA').attr('href',nextUrl,#fototo);


Заводчик Нодри! Сибирские хаски! www.nordri.ru
olegsuv
Сообщений: 1365
Репутация: 127

Сообщение # 36 | 21:32:10
Nordri, натоятельно рекомендую ознакомится со спецификацией по методу attr
А еще с уловиями. Открытие нового окна делается через target="_blank" или window.open()
Если нужно дописать якорь, то:
Code
$('#photoA').attr('href',$('#photoA').attr('href')+'#fototo');

Любые работы по:
- Javascript, jQuery, HTML, CSS
- Верстке макетов и установке их на сайты
- Нестандартным решениям
Сообщение отредактировал mob_dp2 - Суббота, 08 Янв 2011, 21:35:18
Nordri
Сообщений: 4
Репутация: 0

Сообщение # 37 | 01:31:27
Quote (mob_dp2)
Code
$('#photoA').attr('href',$('#photoA').attr('href')+'#fototo');


Неа! Не так! Щас будет верный вариант! biggrin

Добавлено (09-Янв-2011, 01:51:27)
---------------------------------------------
Надо было вот так:

Code
       $('#photoA').attr({href:(nextUrl)+'#fototo'});

Добавлено (09-Янв-2011, 04:04:21)
---------------------------------------------
Да! Все работает! Посмотреть можно на http://www.nordri.ru/photo/zavodchik_nordri/7

Добавлено (10-Янв-2011, 01:31:27)
---------------------------------------------
mob_dp2, Большое спасибо за

Quote (mob_dp2)
Nordri, натоятельно рекомендую ознакомится со спецификацией по методу attr
А еще с уловиями.

Но все же вопрос smile :
Code
if (nextUrl) = null(0);  
как корректно задать условие:
что при параметре nextUrl равном другому параметру, а точнее нулю (или отсутствие значения параметра)
ну собственно выполняемый параметр, например
Code
alert('текст алерта')

else (другими словами "иначе")

Code
другое условие.

Code
if (nextUrl) = null(0);
then alert('+++');
else        $('#photoA').attr({href:(nextUrl)+'#fototo'});
end

Заводчик Нодри! Сибирские хаски! www.nordri.ru
Сообщение отредактировал Nordri - Воскресенье, 09 Янв 2011, 02:08:01
Romario8609
Сообщений: 2
Репутация: 5

Сообщение # 38 | 21:06:06
Дорогие форумчане! Может хоть кто-то конкретно описать реализацию задумки сделать свои переключатели фотографий!? То-есть на странице с полной фотографией и комментариями слева и справа от фотографии установить свои переключатели (стрелки влево и вправо), после нажатия на которые осуществляется переключение на предыдущую и следующую фотографию соответственно! (на страницы с предыдущей и следующей фотографией) А то я пол дня убил на поиск решения проблемы, но так его и не нашел! В этой теме есть какие-то наметки, но как их применить я так и не понял!

Нашел рабочий скрипт который вешает на фотографию ссылку на следующую фотографию, то-есть при нажатии на саму фотографию открывается страница со следующей фотографией, а при нажатии на последнюю фотку в альбоме - открывается сам альбом, кому надо берите:

Code
<script type="text/javascript">
var spanBlock = document.getElementById('phtmSpan35');
var objImage = spanBlock.getElementsByTagName('img');
var idImage = objImage.item(0).id;
var nextLink = null;

function nextPhoto() {
  var allA = document.getElementsByTagName('a');
  for (i=0; i < allA.length; i++) {
  var inner = allA.item(i).innerHTML;
  if (inner.indexOf("Следующая") != -1) nextLink = allA.item(i).href;  
  }
  if (nextLink != null) window.location.href = nextLink;
  else window.location.href = '$CAT_URL$';
}

function attachEvent(x,y,z){
  if(!z){z = window}else{z = document.getElementById(z)}
  z["on"+x] = y;
  };

attachEvent('click', nextPhoto, idImage);
</script>

этот код вставляйте перед </body> в Дизайн - "Страница с полной фотографией и комментариями"

Также приятно когда при наведении на фотографию курсор превращается в "руку", символизируя что фото с сылкой, для этого надо эту строку

Code
<tr><td colspan="2" align="center">$PHOTO$</td></tr>

заменить на

Code
<tr><td colspan="2" align="center"><table border="0" width="auto" style="cursor: pointer"><tr><td>$PHOTO$</td></tr></table></td></tr>

http://nrgpromo.com.ua - btl, promo, рекламно-сувенирная продукция, полиграфия любой сложности!
olegsuv
Сообщений: 1365
Репутация: 127

Сообщение # 39 | 20:07:29
Quote (Romario8609)
<tr><td colspan="2" align="center"><table border="0" width="auto" style="cursor: pointer"><tr><td>$PHOTO$</td></tr></table></td></tr>

Надо бы в биореактор засунуть того кто такой код пишет dry

Code
<tr><td colspan="2" align="center" style="cursor: pointer">$PHOTO$</td></tr>

а вообще-то
Code
<div align="center" style="cursor: pointer">$PHOTO$</div>

По теме вопроса:
Отверстай свой стрелки сначала, присвой каждой ид.
Потом тем же скриптом повесь на них ссылки (пред/след).

Не вижу сложностей.
Хотя проще самому написать скрипт на jQuery чем через станд JS перегребать все картинки циклом.


Любые работы по:
- Javascript, jQuery, HTML, CSS
- Верстке макетов и установке их на сайты
- Нестандартным решениям
Сообщение отредактировал mob_dp2 - Суббота, 26 Мар 2011, 20:09:30
Romario8609
Сообщений: 2
Репутация: 5

Сообщение # 40 | 22:45:00
Народ, нашел решение как реализовать идею установить свои переключатели фотографий! hands Итак:
Для начала нам нужны стрелки, я взял первые попавшие под руки, вставляем их в шаблон (я вставил по бокам от фотографии) и присваиваем каждой отдельный айди, у меня получилось так:
Code
<tr><td align="center" width="20%"><table border="0" width="auto" style="cursor: pointer"><tr><td><img id="321" src="http://www.iconsearch.ru/uploads/icons/bnw/32x32/1leftarrow.png" title="Предыдущая фотография"></td></tr></table></td>
<td align="center">$PHOTO$</td>
<td align="center" width="20%"><table border="0" width="auto" style="cursor: pointer"><tr><td><img id="123" src="http://www.iconsearch.ru/uploads/icons/bnw/32x32/2rightarrow.png" title="Следующая фотография"></td></tr></table></td></tr>

Для переключения фотографий я использовал скрипт которым переключается следующая фотография при нажатии на осн. фотографию (см. выше), но немного его изменил, получилось так:
Для переключения на следующую фотографию:
Code
<script type="text/javascript">
var idImageN = 123;
var nextLink = null;
function nextPhoto() {
   var allA = document.getElementsByTagName('a');
   for (i=0; i < allA.length; i++) {
   var inner = allA.item(i).innerHTML;
   if (inner.indexOf("Следующая") != -1) nextLink = allA.item(i).href;   
   }
   if (nextLink != null) window.location.href = nextLink+'#to';
   else window.location.href = '$CAT_URL$';
}
function attachEvent(x,y,z){
   if(!z){z = window}else{z = document.getElementById(z)}
   z["on"+x] = y;
   };
attachEvent('click', nextPhoto, idImageN);
</script>

Для переключения на предыдущую фотографию, у меня получилось так:
Code
<script type="text/javascript">
var idImageP = 321;
var prevLink = null;
function prevPhoto() {
   var allB = document.getElementsByTagName('a');
   for (i=0; i < allB.length; i++) {
   var inner = allB.item(i).innerHTML;
   if (inner.indexOf("Предыдущая") != -1) prevLink = allB.item(i).href;   
   }
   if (prevLink != null) window.location.href = prevLink+'#to';
   else window.location.href = '$CAT_URL$';
}
function attachEvent(x,y,z){
   if(!z){z = window}else{z = document.getElementById(z)}
   z["on"+x] = y;
   };
attachEvent('click', prevPhoto, idImageP);
</script>

В скриптах совершенно не шарю, менял наугад следуя логике, но получилось и работает. Если что-то не так, или можно эти два скрипта объединить в один, сильно не ругайте и поправьте!
Все изменения делать в "Панель управления - Управление дизайном(шаблоны) - Фотоальбом - Страница с полной фотографией и комментариями"
Эти два скрипта вставлять перед закрывающим </body>

И еще одно, мне сильно не удобно было когда переключаешь фотку и следующая страница с фотографией показывалась сначала, с шапки, и чтоб посмотреть на фотку "в полный рост" или переключить на следующую, надо прокручивать страницу вниз до нужного момента, и так каждый раз! wacko
Для исправления ситуации я использовал внутреннюю ссылку на странице, так называемый "html якорь", то-есть место на странице с меткой до которого страница сама прокручивается при загрузке.
Для этого вам нужно определится с местом до которого хотите прокручивать и установить там метку, то-есть присвоить элементу name="..." id="...", я сделал так:
одной из ссылок в шапке я присвоил

Code
<a href="$HOME_PAGE_LINK$" title="Главная страница" name="to" id="to">Главная</a>

А в скриптах переключения добавил эту метку:
Code
if (nextLink != null) window.location.href = nextLink+'#to';

и
Code
if (prevLink != null) window.location.href = prevLink+'#to';

Если вы не хотите чтоб страница сама прокручивалась, тогда нужно не ставить метку name="to" id="to", и убрать #to из скрипта, то-есть строки будут выглядеть так:
Code
if (nextLink != null) window.location.href = nextLink;

и
Code
if (prevLink != null) window.location.href = prevLink;

Как все работает, можете увидеть на моем сайте: http://event-show.com.ua/photo
Вроде все! cool

http://nrgpromo.com.ua - btl, promo, рекламно-сувенирная продукция, полиграфия любой сложности!
Сообщение отредактировал Romario8609 - Вторник, 29 Мар 2011, 14:07:39
Автолюбитель
Сообщений: 5
Репутация: 4

Сообщение # 41 | 02:20:51
Всем привет!
Использую на сайте jquery-галерею, которая открывает фото отдельно, используя при этом ссылку на фотографию. Из-за этого перестал работать счетчик просмотров, т.к. похоже, что он засчитывает просмотр только при открытии "страницы фотографии". Кто подскажет, как пофиксить?
Подсовывать плагину ссылку на страницу фотографии не получается - выдает ошибку, т.к. плагин ест только картинки.

Вид фотографий сейчас такой:

Code
<div align="center">
<div style="padding-bottom:1px;"><?if($PHOTO_NAME$)?><?if(len($PHOTO_NAME$)>25)?><?substr($PHOTO_NAME$,0,23)?>...<?else?>$PHOTO_NAME$<?endif?><?endif?><?else?> </div>
<a href="$FULL_PHOTO_DIRECT_URL$" rel="iLoad|$CAT_NAME$" title="Просмотры: $REVIEWS$ | Размеры: $PHOTO_SIZE$, $PHOTO_WEIGHT$Kb"><img src="$PHOTO_DIRECT_URL$" alt="$PHOTO_NAME$" $PHOTO_SIZE$></a>
<?if($CAT_NAME$)?><div style="padding-top:1px;"><a href="$CAT_URL$"><?if(len($CAT_NAME$)>25)?><?substr($CAT_NAME$,0,23)?>...<?else?>$CAT_NAME$<?endif?></a></div><?endif?>
<div style="margin-top:2px;" class="eDetails">
<?if($MODER_PANEL$)?><div style="position:absolute;z-index:30;">$MODER_PANEL$</div><?endif?>
  <div align="center"><?if($RATING$)?><?$RSTARS$('12','/.s/img/stars/3/12.png','1','float')?><div style="font-size:10px" align="center"><!--<s3119>-->Рейтинг<!--</s>-->: <b><span id="entRating$ID$">$RATING$</span></b>/<span id="entRated$ID$">$RATED$</span></div><?endif?></div>
</div></div>
Vasilekidshop
Сообщений: 1
Репутация: 0

Сообщение # 42 | 03:28:47
Проблема:

Отметить человека или объект. Отметил (около недели тому вставил внутренние ссылки) - работало. Вчера отметил ещё, проверил - отправляет не по ссылке на конкретное фото, а в /photo/...
Проверил старые ссылки - то же...
Смотрю (при добавлении) адрес при копировании ссылки (при добавлении человека или объекта) - ВСТАВЛЯЕТ НЕ ВЕСЬ, режет конец...

При изменении в: Главная » Фотоальбом » Редактирование материала /Название отображаемое в URL -после сохранения и обновления страницы, в адресе обновляется непредсказуемо. Если делаю тоже в: Главная » Товары » Управление категориями - изменения (после сохранения и обновления страницы) в адресе URL отображается старое, а новое остается только на странице...

HELP ME PLEACE!
Сообщение отредактировал Vasilekidshop - Понедельник, 28 Ноя 2011, 20:02:39
Henaro
Сообщений: 18
Репутация: 6

Сообщение # 43 | 17:33:33
Кто подскажет, каким образом возможно подключить просмотр на странице с полной фотографией это: http://lokeshdhakar.com/projects/lightbox2/
Возможно ли вообще такое сотворить?
Интересует не возможность открытия одной фотографии на просматриваемой странице, а залпом, с подключение XML-патча, как в плеере или аякс...

С пеленок вырос до пальто, в пальто провел года, и снова сделался никто, нигде и никогда...
Сообщение отредактировал Henaro - Вторник, 13 Дек 2011, 19:03:27
sniper-m
Сообщений: 8
Репутация: 0

Сообщение # 44 | 13:54:13
Здравствуйте.Мне необходимо прописать ссылку на категорию,как это сделать??напишите на мыло sniper-m@mail.ru
fflesh
Сообщений: 1784
Репутация: 1314

Сообщение # 45 | 13:57:21
sniper-m,
Quote (sniper-m)
напишите на мыло sniper-m@mail.ru

Может к вам подъехать и показать? Нет? А чего? Не прибрано? .... Ну что ж вы так ....
...

Quote (sniper-m)
Мне необходимо прописать ссылку на категорию,как это сделать?

Зайти в категорию, скопировать ссылку из адресной строки.
Зайти в ПУ » Управление дизайном » Редактирование шаблонов, открыть нужный шаблон и в нужное вам место вставить код:
Code
<a href="Ссылка_которую_вы_скопировали">Ссылка в категорию</a>

...

Всё написанное выше - моё личное мнение и на абсолютную правоту не претендует.
Есть вопросы лично ко мне - пиши сюда: http://likbezz.ru/forum/8
Сообщение отредактировал fflesh - Четверг, 26 Янв 2012, 13:58:33
Сообщество uCoz » Модули uCoz » Контент-модули » Фотоальбомы » Ссылка на фотографии в альбоме (Всё связанное с ссылками)
Поиск: