Архив - только для чтения |
Сообщество uCoz » Модули uCoz » Контент-модули » Фотоальбомы » Ссылка на фотографии в альбоме (Всё связанное с ссылками) |
Ссылка на фотографии в альбоме |
Quote (YuriT) Quote (Skilf) Как вытаскивать ссылку на следующий да предыдущий файл картинки понятно, но, вот, каким образом и возможно ли прописать ссылку самой картинке, находящейся в теге $PHOTO$? Можно, но если делать просто - то работает это только для пользователей, которые не имеют прав помечать области на фотографиях. Дело в том, что для тех, кто имеет право помечать области, в код $PHOTO$ пихается здоровенный джава-скрипт, который очень мешает какой-либо работе с фотографией. Вот это простое решение: 2. прямо перед комментариями (или за ними) вставляем в шаблон вот такой скрипт:
Как говориться, "то что доктор прописал"! Но пара вопросов (так как толком с Java не знаком): 1. Как надо добавить #fototo чтобы заработало <a name="fototo" ... ></a> ?.. То есть при клике на картинку на странице просмотра с рейтингом, коментами и п.р. открывалась следующая страница с фото, да еще и прокручивалась к нужному месту на странице, к фотографии по центру (переход по внутренней ссылке на странице, словом). 2. Как при клике на последние фото в альбоме можно было что то выполнить этим же скриптом? Например Переход к другому альбому, или на худой конец 'WindowAlert' 3. А еще лучше и п.1. и п.2. одновременно! P.S. Если у кого не работает переход (об этом писалось выше): Главная » Пользователи » Группы пользователей » Установка прав для всех групп + Фотоальбомы Добавлено (08-Янв-2011, 05:25:34) Quote (Excitement) Подскажите пожалуйста как в фотоальбоме на странице с полной фотографией и комментариями разместить две кнопки или текстовые ссылки на предыдущую и следующую фотографию этого альбома? Знаю тему поднимали но не подробно, я так и не поняла sad Excitement, очень легко (правда это только для перехода на следующую фото, а вот на предыдущую ...) Видимо также. только 'nextPh' менять на 'prevPh':
Заводчик Нодри! Сибирские хаски! www.nordri.ru
Сообщение отредактировал Nordri - Суббота, 08 Янв 2011, 05:30:59
|
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 - Верстке макетов и установке их на сайты - Нестандартным решениям |
Scorpik427, я плохо разбираюсь в этих операторах(по моему это так называется), у меня два вопроса:
1. $PHOTO_URL$ , а где его узнать, для конкретнай фотографии? 2. Куда вставлять в src="$PHOTO_URL$" ? |
Quote (mob_dp2) Quote (Nordri) 2. Как при клике на последние фото в альбоме можно было что то выполнить этим же скриптом? Например Переход к другому альбому, или на худой конец 'WindowAlert' Ничего не понял. Что то в районе: Quote (mob_dp2) Quote (Nordri) 1. Как надо добавить #fototo чтобы заработало <a name="fototo" ... ></a> ?.. У ссылок не должно быть аттрибута name. Для якорей используют id. Ссылка на якорь должна содержать в данном случае #fototo С якорем и Id понятно, спасибо! Вопрос в том, как и в какое место ввести параметр для href="- - - .html#fototo"
Code <script> var nextUrl=$('#nextPh').parent().attr('href'); if(nextUrl) $('#photoA').attr('href',nextUrl); </script> $('#photoA').attr('href',nextUrl); Заводчик Нодри! Сибирские хаски! www.nordri.ru
|
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
|
Quote (mob_dp2) Code $('#photoA').attr('href',$('#photoA').attr('href')+'#fototo');
Неа! Не так! Щас будет верный вариант! Добавлено (09-Янв-2011, 01:51:27)
Code $('#photoA').attr({href:(nextUrl)+'#fototo'});
Добавлено (09-Янв-2011, 04:04:21) Добавлено (10-Янв-2011, 01:31:27) Quote (mob_dp2) Nordri, натоятельно рекомендую ознакомится со спецификацией по методу attr А еще с уловиями. Но все же вопрос : 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
|
Дорогие форумчане! Может хоть кто-то конкретно описать реализацию задумки сделать свои переключатели фотографий!? То-есть на странице с полной фотографией и комментариями слева и справа от фотографии установить свои переключатели (стрелки влево и вправо), после нажатия на которые осуществляется переключение на предыдущую и следующую фотографию соответственно! (на страницы с предыдущей и следующей фотографией) А то я пол дня убил на поиск решения проблемы, но так его и не нашел! В этой теме есть какие-то наметки, но как их применить я так и не понял!
Нашел рабочий скрипт который вешает на фотографию ссылку на следующую фотографию, то-есть при нажатии на саму фотографию открывается страница со следующей фотографией, а при нажатии на последнюю фотку в альбоме - открывается сам альбом, кому надо берите:
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, рекламно-сувенирная продукция, полиграфия любой сложности!
|
Quote (Romario8609) <tr><td colspan="2" align="center"><table border="0" width="auto" style="cursor: pointer"><tr><td>$PHOTO$</td></tr></table></td></tr> Надо бы в биореактор засунуть того кто такой код пишет
Code <tr><td colspan="2" align="center" style="cursor: pointer">$PHOTO$</td></tr> а вообще-то Code <div align="center" style="cursor: pointer">$PHOTO$</div> По теме вопроса: Не вижу сложностей. Любые работы по:
- Javascript, jQuery, HTML, CSS - Верстке макетов и установке их на сайты - Нестандартным решениям Сообщение отредактировал mob_dp2 - Суббота, 26 Мар 2011, 20:09:30
|
Народ, нашел решение как реализовать идею установить свои переключатели фотографий! Итак:
Для начала нам нужны стрелки, я взял первые попавшие под руки, вставляем их в шаблон (я вставил по бокам от фотографии) и присваиваем каждой отдельный айди, у меня получилось так: 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> И еще одно, мне сильно не удобно было когда переключаешь фотку и следующая страница с фотографией показывалась сначала, с шапки, и чтоб посмотреть на фотку "в полный рост" или переключить на следующую, надо прокручивать страницу вниз до нужного момента, и так каждый раз! 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 Вроде все! http://nrgpromo.com.ua - btl, promo, рекламно-сувенирная продукция, полиграфия любой сложности!
Сообщение отредактировал Romario8609 - Вторник, 29 Мар 2011, 14:07:39
|
Всем привет!
Использую на сайте 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> |
Проблема:
Отметить человека или объект. Отметил (около недели тому вставил внутренние ссылки) - работало. Вчера отметил ещё, проверил - отправляет не по ссылке на конкретное фото, а в /photo/... Проверил старые ссылки - то же... Смотрю (при добавлении) адрес при копировании ссылки (при добавлении человека или объекта) - ВСТАВЛЯЕТ НЕ ВЕСЬ, режет конец... При изменении в: Главная » Фотоальбом » Редактирование материала /Название отображаемое в URL -после сохранения и обновления страницы, в адресе обновляется непредсказуемо. Если делаю тоже в: Главная » Товары » Управление категориями - изменения (после сохранения и обновления страницы) в адресе URL отображается старое, а новое остается только на странице... HELP ME PLEACE! Сообщение отредактировал Vasilekidshop - Понедельник, 28 Ноя 2011, 20:02:39
|
Кто подскажет, каким образом возможно подключить просмотр на странице с полной фотографией это: http://lokeshdhakar.com/projects/lightbox2/
Возможно ли вообще такое сотворить? Интересует не возможность открытия одной фотографии на просматриваемой странице, а залпом, с подключение XML-патча, как в плеере или аякс... С пеленок вырос до пальто, в пальто провел года, и снова сделался никто, нигде и никогда...
Сообщение отредактировал Henaro - Вторник, 13 Дек 2011, 19:03:27
|
Здравствуйте.Мне необходимо прописать ссылку на категорию,как это сделать??напишите на мыло sniper-m@mail.ru
|
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
|
| |||