Переключатель на следующее|предыдущее изображение - Скрипты и коды для юкоз - Форум аццкого кодера
Страница 1 из 11
Модератор форума: Admin, Cибиря4ка, Komoff, Diana 
Скрипты и коды для юкоз - Форум аццкого кодера » Раздел для начинающих » Если вы пришли за помощью, то Вам сюда... » Переключатель на следующее|предыдущее изображение
Переключатель на следующее|предыдущее изображение
Дата: Четверг, 26.07.2012, 00:20 |
AspeeD
Сержант
Группа: Зарегистрированные
Сообщений: 34
Награды: 0
Репутация: 1
Статус: Offline


Смотрите: (сайт-пробник) http://probniyyaa.ucoz.ru/photo/engengekngen/fotografija_1/6-0-5
Сделал свои кнопки для переключения на следующее|предыдущее изображение но теперь нужно сделать что бы они работали. Не подскажете как?


 
Дата: Четверг, 26.07.2012, 12:53 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9092
Награды: 23
Репутация: 457
Статус: Unknown


AspeeD,
Сделал свои кнопки для переключения на следующее|предыдущее изображение но теперь нужно сделать что бы они работали. Не подскажете как?

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



Вот, как-то так, если вкратце.

Прикрепления: 9624125.png(5Kb)

 
Дата: Четверг, 26.07.2012, 14:01 |
AspeeD
Сержант
Группа: Зарегистрированные
Сообщений: 34
Награды: 0
Репутация: 1
Статус: Offline


Вывести блок

Сделал..
и скрыть его стилями

Не подскажешь класс этого блока?
а сено брать, скриптом

Поможешь?


 
Дата: Четверг, 26.07.2012, 14:07 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9092
Награды: 23
Репутация: 457
Статус: Unknown


AspeeD,
Не подскажешь класс этого блока?

Посмотреть самому - это быстрее, как минимум в два раза )
У меня за этот блок отвечают:

ID == oPhotos
Class == otherPhotos


...

Поможешь?

Нет, бесплатно нет.

Прикрепления: 4219370.png(10Kb)

 
Дата: Четверг, 26.07.2012, 14:47 |
AspeeD
Сержант
Группа: Зарегистрированные
Сообщений: 34
Награды: 0
Репутация: 1
Статус: Offline


likbezz
Это в ксс
Code
.phtOtherThumbs {display:none;}
.phtThumbs {display:none;}

Похоже что это скрипт нужный
Code
<script type="text/javascript">
function doPhtSwitch(n,f,p){
if (!f){f=0;}
document.getElementById('rightSwch').onclick='javascript://';
document.getElementById('leftSwch').onclick='javascript://';
_uPostForm('',{url:'http'+'://probniyyaa.ucoz.ru/photo/1-0-0-10-'+n+'-'+f+'-'+p});
}
</script>

Но не работает...

Добавлено (26.07.2012, 14:47)
---------------------------------------------

Похоже что это скрипт нужный

Нет, ошибся, это демо картинки... sad


 
Дата: Четверг, 26.07.2012, 15:25 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9092
Награды: 23
Репутация: 457
Статус: Unknown


AspeeD,
Похоже что это скрипт нужный

Да, нужный) Но не для этого.
Там все проще...

Кнопки:
Code
<a class="photo-next" href="javascript://" onclick="photo('next');return false;"> </a>
<a class="photo-prev" href="javascript://" onclick="photo('prev');return false;"> </a>


Скрипт:
Code
<script type="text/javascript">
function photo(is){
if(!is)return;
if(is=='next'){
    window.location.href=document.getElementById('nextPh').parentNode.href;
}else{
    window.location.href=document.getElementById('prevPh').parentNode.href;
};
};
</script>


Пример:
Переключатель на следующее|предыдущее изображение

Даже ещё проще:
Code
<script type="text/javascript">
function photo(is){
if(!is)return;
window.location.href=document.getElementById((is=='next')?'nextPh':'prevPh').parentNode.href;
};
</script>


Переключатель на следующее|предыдущее изображение Версия 1
... ヅ ...


 
Дата: Четверг, 26.07.2012, 16:15 |
AspeeD
Сержант
Группа: Зарегистрированные
Сообщений: 34
Награды: 0
Репутация: 1
Статус: Offline


likbezz, вот это помог ты мне)
Огромное спасибо! happy

Добавлено (26.07.2012, 16:15)
---------------------------------------------
Для тех кто не сможет скрыть блок через ксс:

Code
<div style="display:none">
$OTHER_PHOTOS$
</div>


 
Дата: Воскресенье, 25.05.2014, 20:24 |
TRAVOLTA08
Рядовой
Группа: Зарегистрированные
Сообщений: 1
Награды: 0
Репутация: 0
Статус: Offline


likbezz, скрипт работает, но из-за него исчезает меню администратора и tooltips, также перестаёт нормально функционировать bootstrap.
Вот этот скрипт:
Код
<script>  
var nextUrl=$('#nextPh').parent().attr('href');     
if(nextUrl)  
      $('#photoA').attr('href',nextUrl);  
</script>
отлично работает и другим скриптам не мешает, но нужен скрипт ещё подобный на предыдущее изображение. Есть варианты?


 
Дата: Четверг, 05.06.2014, 18:40 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9092
Награды: 23
Репутация: 457
Статус: Unknown


TRAVOLTA08,
Цитата TRAVOLTA08, Вс, 25.05.2014, 20:24:16
Есть варианты?

Переименуйте функцию, например.
Цитата likbezz, Чт, 26.07.2012, 15:25:47
<script type="text/javascript">
function photoNext2(is){
if(!is)return;
if(is=='next'){
window.location.href=document.getElementById('nextPh').parentNode.href;
}else{
window.location.href=document.getElementById('prevPh').parentNode.href;
};
};
</script>


 
Скрипты и коды для юкоз - Форум аццкого кодера » Раздел для начинающих » Если вы пришли за помощью, то Вам сюда... » Переключатель на следующее|предыдущее изображение
Страница 1 из 11
Поиск: