Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 08.09.2014, 12:48
Новичок на форуме
Отправить личное сообщение для nitoiti Посмотреть профиль Найти все сообщения от nitoiti
 
Регистрация: 08.09.2014
Сообщений: 4

По клику на картинку с ссылкой открывается портфолио, а нужен переход по ссылке
Здравствуйте!

Прошу помощи со скриптом темы.
вот сайт, который делаю: http://test-site.grey-cat.biz/ На главной странице по клику на колесо по центру проигрывающегося видео открываются фотографии и описания велосипедов. Это по сути картинки со ссылками.



Но в теме по умолчанию по клику на эти картинки переход в расширенное портфолио:



А мне нужно, что бы по клику на ссылку был переход на другой сайт, с которого этот велосипед взят. Например в первый велосипед вшил ссылку: http://headbikes.ru/katalog/mtb26/trenton1-26/

Вот код одного этого велосипеда:

Код:
<ul>
                    <li data-class="headbikes">
                        <a href="http://headbikes.ru/katalog/mtb26/trenton1-26/"><img src="../images/portfolio/head/26-trenton-i.jpg" alt=""></a>
                        <span><em></em></span>
                        <div>
                            <span class="title">Велосипед 1 Trenton 26</span>
                            <span class="class">Headbikes</span>
                        </div>
                    </li>
В теме есть файл custom.script.js, в котором, насколько я понимаю, и собрали весь javascript.
Плохо дружу пока с javascript, но мне кажется, что кусок кода, отвечающий за отображение и изменение этих элементов вот этот, но могу ошибаться:
/*----------  SHOW PORTFOLIO DETAILS  ----------*/
        setTimeout(function(){      
            $('.portfolio.column span, .portfolio.horizontal li, .masonry-wrapper span').on('click', function(){
               /* if($(this).parents('li').hasClass('unactive')){
                    return false
                }           */
                $('.portfolio').addClass('animate');
            });
        }, 1000);

        $('.right-images').on('click', 'span', function(){
            lastLink = $('.main-navi a.active, .main-navi > div.active');
            $('.main-block').addClass('animate');
            $('.main-navi a, .main-navi > div').removeClass('active');
            $('#portfolioLink').addClass('active');  
        });

        $('.flex-direction-nav .flex-next').addClass('glyph fa-angle-right').text('');
        $('.flex-direction-nav .flex-prev').addClass('glyph fa-angle-left').text('');
        /*----------  //SHOW PORTFOLIO DETAILS  ----------*/

        /*----------  HIDE PORTFOLIO DETAILS  ----------*/
        $('.button-close, .details-close').on('click', function(){
            if(lastLink.length){
                $('.main-navi a, .main-navi > div').removeClass('active');
                lastLink.addClass('active');
            }
            $('.main-block').removeClass('animate');

            return false
        });
        /*----------  //HIDE PORTFOLIO DETAILS  ----------*/


Подскажите, пожалуйста, как изменить код, что бы по клику на велосипед я таки переходил на этот велосипед Спасибо заранее!
Ответить с цитированием
  #2 (permalink)  
Старый 08.09.2014, 13:01
Аватар для ksa
ksa ksa на форуме
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,209

nitoiti, вместо кучи картинок, сделай полный тестовый пример, на котором проявляется проблема...
Ответить с цитированием
  #3 (permalink)  
Старый 08.09.2014, 13:40
Новичок на форуме
Отправить личное сообщение для nitoiti Посмотреть профиль Найти все сообщения от nitoiti
 
Регистрация: 08.09.2014
Сообщений: 4

Как сделать полный тестовый пример?
Ответить с цитированием
  #4 (permalink)  
Старый 08.09.2014, 13:47
Аватар для ksa
ksa ksa на форуме
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,209

Сообщение от nitoiti
Как сделать полный тестовый пример?
Посмотри по темам - там такого валом!
Ответить с цитированием
  #5 (permalink)  
Старый 08.09.2014, 13:56
Новичок на форуме
Отправить личное сообщение для nitoiti Посмотреть профиль Найти все сообщения от nitoiti
 
Регистрация: 08.09.2014
Сообщений: 4

Безумно полезные советы, благодарю Вас!
Ответить с цитированием
  #6 (permalink)  
Старый 08.09.2014, 13:58
Аватар для ksa
ksa ksa на форуме
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,209

nitoiti, заходи еще...
Ответить с цитированием
  #7 (permalink)  
Старый 08.09.2014, 14:25
Новичок на форуме
Отправить личное сообщение для nitoiti Посмотреть профиль Найти все сообщения от nitoiti
 
Регистрация: 08.09.2014
Сообщений: 4

Благодарю, на другом форуме действительно знающий javascript человек подсказал решение: Вместо 4-7 строк
if($(this).parents('li').hasClass('unactive')){
                    return false
                }           
                $('.portfolio').addClass('animate');


Поставить
document.location.href = $('#fourColumn li a').attr('href');
Ответить с цитированием
  #8 (permalink)  
Старый 08.09.2014, 14:39
Аватар для ksa
ksa ksa на форуме
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,209

Сообщение от nitoiti
на другом форуме действительно знающий javascript человек подсказал решение
Видал как тебе фортит сегодня!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
как обернуть картинку в <a> c ссылкой на саму картинку ufaclub jQuery 1 17.07.2014 22:45
Переход на другую картинку по клику мыши веснушка Элементы интерфейса 8 20.07.2012 14:08