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