Фильтр по:
  

Как сделать что бы при переходе на следующую фотографию....

Как сделать...

  • Страница 1 из 1
  • 1
Модератор форума: likbezz  
Скрипты и коды для юкоз - Форум аццкого кодера » Как сделать? Информация для вновь прибывших » Как сделать... » Как сделать что бы при переходе на следующую фотографию.... (... фотографию изображение страницы не подпрыгивало в верх?)
Как сделать что бы при переходе на следующую фотографию....
Дата: Воскресенье, 04.07.2010, 15:19 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 Оригинал поста вот тут.
Пишет You_Know (Дата: Вторник, 29-Июн-2010, 10:43:15 | Сообщение # 22)

Quote (You_Know)
подскажите как сделать что бы при переходе на следующую фотографию изображение страницы не подпрыгивало в верх? очень неудобно
и еще, как можно поменять местами блок с кнопкой слайд-шоу и выбор фото, что бы поднять последний повыше?
ссылка на фотоальбом http://www.starblink.ru/photo/galaktiki/m65/1-0-237

 
Дата: Воскресенье, 04.07.2010, 15:26 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 Отвечаем:
You_Know,
Quote (You_Know)
одскажите как сделать что бы при переходе на следующую фотографию изображение страницы не подпрыгивало в верх?

.... Повесить на нужном уровне якорь ... Только так ....
И к ссылкам добавлять «ссылка+#якорь» ....

Делается это при помощи скрипта, в смысле - добавляется к ссылкам якорная привязка:

Примерно вот так:

Quote (JS)
$(document).ready(function(){
// Start DocumentReady
$('#phtOtherThumbs a.photoActiveA,#phtOtherThumbs a.photoActive').each(function(){
$(this).attr("href",function(){return this.href+'#phHame'});
});
// End DocumentReady
});

Где:
#phtOtherThumbs a.photoActiveA,#phtOtherThumbs a.photoActive - блоки, по которым будем менять ссылки на те же самые, но с якорём.
#phHame - ВАШ Якорь. (не мой, как здесь, а ваш - тот, который вы должны установить.)

☑ Пример работы скрипта - вот тут «Мои картинки » Test » Test#1» ... (как назвал - так и назвал ....) ヅ .....

P.S. Вопросы по теме спрашивайте тут. Вопросы не по теме - в другом месте .... ヅ

Flesh

 
Дата: Вторник, 04.06.2013, 01:42 |
elly
Рядовой
Группа: Зарегистрированные
Сообщений: 4
Награды: 0
Репутация: 0
Статус: Offline


 Доброй ночи)

Мучаюсь, наверное уже час, но так и не получается, как здесь с якорем. Не знаю в чем дело уже(
Может что-то неправильно делаю?

1. Этим я делаю при клике на фото открывается след.фото

<a id="nextPhoto">$PHOTO$</a>

Код
<script type="text/javascript">
$(document).ready(function(){
/* Start DocumentReady */
var nextPh=$('#nextPh').parent().attr('href')||$('#prevPh').parent().next('a.photoOtherLink').attr('href');
if(typeof nextPh!=='undefined'){
$('#nextPhoto img').click(function(){window.location=nextPh;return false;});
};
/* End DocumentReady */
});
</script>


2. Потом ставлю якорь

<h2 id="phHame" title="$PHOTO_NAME$">$PHOTO_NAME$</h2>

Код
<script type="text/javascript">  
$(document).ready(function(){
// Start DocumentReady
$('#phtOtherThumbs a.photoActiveA,#phtOtherThumbs a.photoActive').each(function(){
$(this).attr("href",function(){return this.href+'#phHame'});
});
// End DocumentReady
});  
</script>


Может последний скрипт ставить нужно до body или перед? В общем, помогите разобраться пожалуйста))

 
Дата: Вторник, 04.06.2013, 18:40 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 elly,
Цитата (elly, Вт, 04.06.2013, 01:42:17)
Может что-то неправильно делаю?

Может быть..

Обычный вариант, для перелистывания кликом по фотке:
Открываете шаблон Страница с полной фотографией и комментариями находите
Код
$PHOTO_DESCR$

Заменяете на:
Код
<h2 id="phHame">$PHOTO_NAME$</h2> $PHOTO_DESCR$


Находите:
Код
$PHOTO$

Заменяете на:
Код
<a id="nextPhoto" style="cursor:pointer;"><img src="$PHOTO_URL$" alt="$PHOTO_NAME$" /></a>


Ниже, находите:
Код
<?if($COM_CAN_ADD$)?>

И заменяете на:
Код
<script type="text/javascript">
$(document).ready(function(){
var ya='#phHame'; /* Имя якоря */
var nextPh=$('#nextPh').parent().attr('href')||$('#prevPh').parent().attr('href');
if(typeof nextPh!=='undefined'){
$('#nextPhoto img').click(function(){window.location=nextPh+ya;return false;});
};
});
</script>
<?if($COM_CAN_ADD$)?>

..вот и все.

Естественно, переключатели должны быть включены в настройках и выводится.
Вот эти:



Если же нужно повесить якоря на все ссылки, то:
В том же шаблоне, найти:
Код
$OTHER_PHOTOS$

Заменить на:
Код
<div id="otherPhotos">$OTHER_PHOTOS$</div>


Найти:
Код
<?if($COM_CAN_ADD$)?>

Заменить на:
Код
<script type="text/javascript">
$(document).ready(function(){
/* Start DocumentReady */
$('#phtOtherThumbs a,#otherPhotos a').each(function(){
if(this.href.indexOf('javascript://')==-1){
$(this).attr('href',this.href+'#phHame');
};});    
/* End DocumentReady */
});
</script>
<?if($COM_CAN_ADD$)?>


Сохранить.

Скрипт «все вместе»

...
Прикрепления: 0203024.png (11.4 Kb)

 
Дата: Среда, 05.06.2013, 13:24 |
elly
Рядовой
Группа: Зарегистрированные
Сообщений: 4
Награды: 0
Репутация: 0
Статус: Offline


 Получилось, все ок. Огромное спасибо за детальное и правильное объяснение)

 
Скрипты и коды для юкоз - Форум аццкого кодера » Как сделать? Информация для вновь прибывших » Как сделать... » Как сделать что бы при переходе на следующую фотографию.... (... фотографию изображение страницы не подпрыгивало в верх?)
  • Страница 1 из 1
  • 1
Поиск:


Мобильная версия