Next Generation CMS :: Форум поддержки

Заинтересовала наша система? Тогда этот форум для Вас!

Вы не зашли.

#1 2013-05-17 15:23:15

sival
Участник
Зарегистрирован: 2011-07-05
Сообщений: 135
Рейтинг :   

как добавить ссылку в картинку слайдера

Есть слайдер с картинками, когда подводишь курсор она картинка становиться более яркой. Если на неё нажать, то высвечивается адрес, где эта картинка расположена. Вот не получается добавить ссылку например на категорию, если вставляешь ссылку , то сама картинка пропадает.

Не в сети

#2 2013-05-17 15:37:16

vip
Зaбанен
Зарегистрирован: 2011-03-23
Сообщений: 1,182
Рейтинг :   213 

Re: как добавить ссылку в картинку слайдера

ссылку редактировать нужно в href="Тут ваша ссылка"

Не в сети

#3 2013-05-17 16:05:40

sival
Участник
Зарегистрирован: 2011-07-05
Сообщений: 135
Рейтинг :   

Re: как добавить ссылку в картинку слайдера

Ну я делал <a href="ссылка"> затем там стоит ссылка на картинку  <img alt="" src="{tpl_url}/demo/img_1.jpg" />, и вот картинка пропадает.

Не в сети

#4 2013-05-17 16:25:20

vip
Зaбанен
Зарегистрирован: 2011-03-23
Сообщений: 1,182
Рейтинг :   213 

Re: как добавить ссылку в картинку слайдера

может в стилях проблема

Не в сети

#5 2013-05-17 16:28:34

sival
Участник
Зарегистрирован: 2011-07-05
Сообщений: 135
Рейтинг :   

Re: как добавить ссылку в картинку слайдера

А стили, тут причём. Это слайдер, так он работает, подключаешь ссылку, ссылка работает, но пропадает картинка

Не в сети

#6 2013-05-17 17:17:53

sival
Участник
Зарегистрирован: 2011-07-05
Сообщений: 135
Рейтинг :   

Re: как добавить ссылку в картинку слайдера

Может, кто сталкивался с таким, вообще возможно картинку слайдера на java skript , привязать к ссылке

Не в сети

#7 2013-05-17 19:28:33

irbees2008
Продвинутый чайник ;)
Откуда Шахтинск
Зарегистрирован: 2012-03-14
Сообщений: 2,873
Рейтинг :   121 
Сайт

Re: как добавить ссылку в картинку слайдера

код слайдера

Не в сети

#8 2013-05-18 12:21:42

sival
Участник
Зарегистрирован: 2011-07-05
Сообщений: 135
Рейтинг :   

Re: как добавить ссылку в картинку слайдера

<script type="text/javascript">
        jQuery(document).ready(function() {
   
            jQuery('#demo-left').show();
            jQuery('#demo-right').show();
            jQuery('#off_js').css("display","none");
            jQuery('#carouselv').jsCarousel({ onthumbnailclick: function(src) { alert(src); }, autoscroll: true, masked: false, itemstodisplay: 3, orientation: 'v' });
            jQuery('#carouselh').jsCarousel({ onthumbnailclick: function(src) { alert(src); }, autoscroll: false, circular: true, masked: false, itemstodisplay: 5, orientation: 'h' });
            jQuery('#carouselhAuto').jsCarousel({ onthumbnailclick: function(src) { alert(src); }, autoscroll: true, masked: true, itemstodisplay: 5, orientation: 'h' });
       jQuery(".jscarousal-horizontal-back").mouseover(function(event){
               jQuery('.jscarousal-horizontal-back').css('background-image','url(http:"{tpl_url}/FutureTemplates/demo/left.png)");
            });
           
           jQuery(".jscarousal-horizontal-forward").mouseover(function(event){
               jQuery(".jscarousal-horizontal-forward").css('background-image','url(http:/templates/FutureTemplates/demo/right.png)');
            });

           jQuery(".jscarousal-horizontal-back").mouseout(function(event){
               jQuery(".jscarousal-horizontal-back").css('background-image','none');
            });
           
           jQuery(".jscarousal-horizontal-forward").mouseout(function(event){
               jQuery(".jscarousal-horizontal-forward").css('background-image','none');
            });
        });       
       
    </script>




<!-- Cлайдер начало -->
<div id="v2">
<p id="off_js" >не включен JavaScript!!!</p>
            <div id="demo-right" style="display:none">
                    <div id="hWrapperAuto">
                        <div id="carouselhAuto">
                            <div>
                                <img alt="" src="{tpl_url}/demo/img_1.jpg" /><br />
                                <span class="thumbnail-text">Image Text</span></div>
                            <div>
                                <img alt="" src="{tpl_url}/demo/img_2.jpg" /><br />
                                <span class="thumbnail-text">Image Text</span></div>
                            <div>
                                <img alt="" src="{tpl_url}/demo/img_3.jpg" /><br />
                                <span class="thumbnail-text">Image Text</span></div>
                            <div>
                                <img alt="" src="{tpl_url}/demo/img_4.jpg" /><br />
                                <span class="thumbnail-text">Image Text</span></div>
                            <div>
                                <img alt="" src="{tpl_url}/demo/img_5.jpg" /><br />
                                <span class="thumbnail-text">Image Text</span></div>
                            <div>
                                <img alt="" src="{tpl_url}/demo/img_6.jpg" /><br />
                                <span class="thumbnail-text">Image Text</span></div>
                            <div>
                                <img alt="" src="{tpl_url}/demo/img_7.jpg" /><br />
                                <span class="thumbnail-text">Image Text</span></div>
                            <div>
                                <img alt="" src="{tpl_url}/demo/img_8.jpg" /><br />
                                <span class="thumbnail-text">Image Text</span></div>
                            <div>
                                <img alt="" src="{tpl_url}/demo/img_9.jpg" /><br />
                                <span class="thumbnail-text">Image Text</span></div>
                            <div>
                                <img alt="" src="{tpl_url}/demo/img_10.jpg" /><br />
                                <span class="thumbnail-text">Image Text</span></div>
                            <div>
                                <img alt="" src="{tpl_url}/demo/img_11.jpg" /><br />
                                <span class="thumbnail-text">Image Text</span></div>
                            <div>
                                <img alt="" src="{tpl_url}/demo/img_12.jpg" /><br />
                                <span class="thumbnail-text">Image Text</span></div>
                            <div>
                                <img alt="" src="{tpl_url}/demo/img_13.jpg" /><br />
                                <span class="thumbnail-text">Image Text</span></div>
                            <div>
                                <img alt="" src="{tpl_url}/demo/img_14.jpg" /><br />
                                <span class="thumbnail-text">Image Text</span></div>
                            <div>
                                <img alt="" src="{tpl_url}/demo/img_15.jpg" /><br />
                                <span class="thumbnail-text">Image Text</span></div>
                            <div>
                                <img alt="" src="{tpl_url}/demo/img_16.jpg" /><br />
                                <span class="thumbnail-text">Image Text</span></div>
                        </div>
                    </div>
   </div>
    </div>
   
   
<div id="rt-barbottomNiz">
</div>

Изменено sival (2013-05-18 12:39:53)

Не в сети

#9 2013-05-18 14:03:07

irbees2008
Продвинутый чайник ;)
Откуда Шахтинск
Зарегистрирован: 2012-03-14
Сообщений: 2,873
Рейтинг :   121 
Сайт

Re: как добавить ссылку в картинку слайдера

<a href="ссылка"><img alt="" src="{tpl_url}/demo/img_1.jpg" /></a>
если не работает то навесь ссылку на текст

Не в сети

#10 2013-05-18 15:34:39

sival
Участник
Зарегистрирован: 2011-07-05
Сообщений: 135
Рейтинг :   

Re: как добавить ссылку в картинку слайдера

Пробовал и на картинку ссылку ставить и на текст, слайдер перестаёт работать

Не в сети

#11 2013-05-18 16:14:12

irbees2008
Продвинутый чайник ;)
Откуда Шахтинск
Зарегистрирован: 2012-03-14
Сообщений: 2,873
Рейтинг :   121 
Сайт

Re: как добавить ссылку в картинку слайдера

странно hmm это где ты взял такой слайдер?

Изменено irbees2008 (2013-05-18 16:19:51)

Не в сети

#12 2013-05-18 16:25:29

sival
Участник
Зарегистрирован: 2011-07-05
Сообщений: 135
Рейтинг :   

Re: как добавить ссылку в картинку слайдера

Тоже не могу понять в чём дело, когда нажимаешь на картинку высвечивается окно "страница доступна по адресу ...../demo/img1.jpg", в общем адрес где картинка расположена. Как ставишь ссылку, слайдер перестаёт работать, и высвечивается только одна картинка.

Не в сети

#13 2013-05-18 16:27:02

sival
Участник
Зарегистрирован: 2011-07-05
Сообщений: 135
Рейтинг :   

Re: как добавить ссылку в картинку слайдера

Слайдер стандартный "карусель", я уже не помню где его взял. Вот ссылка где я брал слайдер http://www.hmil.com.ua/2012/12/karusel-dlya-sajta/

Изменено sival (2013-05-18 16:31:24)

Не в сети

#14 2013-05-18 17:36:29

vip
Зaбанен
Зарегистрирован: 2011-03-23
Сообщений: 1,182
Рейтинг :   213 

Re: как добавить ссылку в картинку слайдера

sival, а в папке с изображениями присутствует файл .htaccess ?

Изменено vip (2013-05-18 17:36:42)

Не в сети

#15 2013-05-20 10:08:11

irbees2008
Продвинутый чайник ;)
Откуда Шахтинск
Зарегистрирован: 2012-03-14
Сообщений: 2,873
Рейтинг :   121 
Сайт

Re: как добавить ссылку в картинку слайдера

попробуй подключи xnews

Не в сети

#16 2013-05-20 12:44:00

sival
Участник
Зарегистрирован: 2011-07-05
Сообщений: 135
Рейтинг :   

Re: как добавить ссылку в картинку слайдера

.htaccess в папке с изображениями есть
а как подключить  xnews и что это в принципе даст?

Не в сети

#17 2013-05-20 13:39:32

irbees2008
Продвинутый чайник ;)
Откуда Шахтинск
Зарегистрирован: 2012-03-14
Сообщений: 2,873
Рейтинг :   121 
Сайт

Re: как добавить ссылку в картинку слайдера

может через плагин заработает,а .htaccess надо удалить

Не в сети

#18 2013-05-20 14:02:27

sival
Участник
Зарегистрирован: 2011-07-05
Сообщений: 135
Рейтинг :   

Re: как добавить ссылку в картинку слайдера

а как его настроить

Изменено sival (2013-05-20 14:41:27)

Не в сети

#19 2013-05-20 15:26:16

sival
Участник
Зарегистрирован: 2011-07-05
Сообщений: 135
Рейтинг :   

Re: как добавить ссылку в картинку слайдера

Хоть ты слайдер убирай, неужели ни у кого не было таких проблем с добавлением ссылок

Не в сети

#20 2013-05-21 16:54:58

sival
Участник
Зарегистрирован: 2011-07-05
Сообщений: 135
Рейтинг :   

Re: как добавить ссылку в картинку слайдера

Всё оказалось до банального просто, забыл поставить закрывающий тег </a>, всё, спасибо, вопрос снимаю

Не в сети

#21 2013-05-21 21:56:12

irbees2008
Продвинутый чайник ;)
Откуда Шахтинск
Зарегистрирован: 2012-03-14
Сообщений: 2,873
Рейтинг :   121 
Сайт

Re: как добавить ссылку в картинку слайдера

Ну внимательнее надо быть ,я тут голову сломал искал причину big_smile

Не в сети

Подвал раздела

Работает на FluxBB