Переключатель на следующее|предыдущее изображение
2012-07-26 Дата: Четверг, 26.07.2012, 00:20 | Сообщение # 1
Сержант
Группа: Зарегистрированные
Статус: Offline
Смотрите: (сайт-пробник) http://probniyyaa.ucoz.ru/photo/engengekngen/fotografija_1/6-0-5 Сделал свои кнопки для переключения на следующее|предыдущее изображение но теперь нужно сделать что бы они работали. Не подскажете как?
2012-07-26 Дата: Четверг, 26.07.2012, 12:53 | Сообщение # 2
Аццкий кодер
Группа: Администраторы
Статус: Unknown
AspeeD , Сделал свои кнопки для переключения на следующее|предыдущее изображение но теперь нужно сделать что бы они работали. Не подскажете как?
Подскажу. Вывести блок, что вот этот, и скрыть его стилями, а сено брать, скриптом, ссылки на следующую и предыдущую страницу,.. Вот, как-то так, если вкратце.
2012-07-26 Дата: Четверг, 26.07.2012, 14:01 | Сообщение # 3
Сержант
Группа: Зарегистрированные
Статус: Offline
Сделал.. Не подскажешь класс этого блока? Поможешь?
2012-07-26 Дата: Четверг, 26.07.2012, 14:07 | Сообщение # 4
Аццкий кодер
Группа: Администраторы
Статус: Unknown
AspeeD , Не подскажешь класс этого блока?
Посмотреть самому - это быстрее, как минимум в два раза ) У меня за этот блок отвечают: ID == oPhotos Class == otherPhotos ... Нет, бесплатно нет.
2012-07-26 Дата: Четверг, 26.07.2012, 14:47 | Сообщение # 5
Сержант
Группа: Зарегистрированные
Статус: 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) ---------------------------------------------
Похоже что это скрипт нужный
Нет, ошибся, это демо картинки...
2012-07-26 Дата: Четверг, 26.07.2012, 15:25 | Сообщение # 6
Аццкий кодер
Группа: Администраторы
Статус: 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 ... ヅ ...
2012-07-26 Дата: Четверг, 26.07.2012, 16:15 | Сообщение # 7
Сержант
Группа: Зарегистрированные
Статус: Offline
likbezz , вот это помог ты мне) Огромное спасибо! Добавлено (26.07.2012, 16:15) --------------------------------------------- Для тех кто не сможет скрыть блок через ксс:
Code
<div style="display:none"> $OTHER_PHOTOS$ </div>
2014-05-25 Дата: Воскресенье, 25.05.2014, 20:24 | Сообщение # 8
Рядовой
Группа: Зарегистрированные
Статус: Offline
likbezz , скрипт работает, но из-за него исчезает меню администратора и tooltips, также перестаёт нормально функционировать bootstrap. Вот этот скрипт: Код
<script> var nextUrl=$('#nextPh').parent().attr('href'); if(nextUrl) $('#photoA').attr('href',nextUrl); </script>
отлично работает и другим скриптам не мешает, но нужен скрипт ещё подобный на предыдущее изображение . Есть варианты?
2014-06-05 Дата: Четверг, 05.06.2014, 18:40 | Сообщение # 9
Аццкий кодер
Группа: Администраторы
Статус: Unknown
TRAVOLTA08 , Переименуйте функцию, например. <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>