Форум программистов, компьютерный форум, киберфорум
WordPress
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.63/8: Рейтинг темы: голосов - 8, средняя оценка - 4.63
0 / 0 / 0
Регистрация: 19.07.2014
Сообщений: 9

Как сделать слайдер кликабельным?

23.01.2017, 11:52. Показов 1618. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Здравствуйте, помогите пожалуйста, тоже хотел сделать слайдер кликабельным, но не нахожу строк которые нужно заменить, и еще на слайдере три картинки, а текст выводится для них общий, можно сделать что бы на каждом слайде был свой текст ?

Code
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<?php 
$fortune_theme_options = fortune_theme_options();
if(!$fortune_theme_options['slider_home']){return;}
$slider_category_id = $fortune_theme_options['slider_category'] != ''? (int)$fortune_theme_options['slider_category'] : '';
$fortune_slider_arg = array(
    'post_type'      => 'post',
    'posts_per_page' => 3,
    'post_status'    => 'publish',
    'order'          => 'desc',
    'orderby'        => 'date',
    'ignore_sticky_posts' => 1,
    'category__in' => array($slider_category_id),
    );
$fortune_slider = new WP_Query($fortune_slider_arg) ?>
<div class="wrapper" >
    <div id="ei-slider" class="ei-slider"><?php
    if($slider_category_id!=""){?>
    <ul class="ei-slider-large">
        <?php if($fortune_slider->have_posts()):
        while($fortune_slider->have_posts()):
            $fortune_slider->the_post(); 
                $slider_image_id = get_post_thumbnail_id();
                $slider_image = wp_get_attachment_image_src( $slider_image_id, 'fortune_slider'); ?>
                <li>
                    <img class="img-responsive" src="<?php echo esc_url($slider_image[0]);?>" alt="<?php the_title(); ?>">
                <div class="ei-title">
                    <h2><?php the_title(); ?></h2>
                    <h3><?php remove_filter ('the_content',  'wpautop'); ?>
<?php the_content(__('Read more','fortune')); ?></h3>
                </div>
 
                </li><?php
         endwhile;
         endif;
         wp_reset_query(); ?>
        </ul>
        <ul class="ei-slider-thumbs"> 
            <?php if($fortune_slider->have_posts()): ?>
                <li class="ei-slider-element">Current</li><?php
        while($fortune_slider->have_posts()):
            $fortune_slider->the_post(); 
                $slider_image_id = get_post_thumbnail_id();
                $slider_image = wp_get_attachment_image_src( $slider_image_id, 'small'); ?>
            <li><a href="#"><?php the_title(); ?></a><img src="<?php echo esc_url($slider_image[0]);?>" alt="<?php the_title(); ?>" /></li>
            <?php
         endwhile;
         endif;
         wp_reset_postdata(); ?>
        </ul><?php
    }else{
        
    $imgs = array('girl-from-behind-1741699_1280.jpg', 'gift-444518_1280.jpg', 'calendula-1746254_1280.jpg');?>
    <ul class="ei-slider-large">
        <?php foreach($imgs as $img){?>
        <li>
            <img class="img-responsive" src="<?php echo get_template_directory_uri().'/images/'.$img; ?>" alt="<?php the_title(); ?>">
            <div class="ei-title">
                <h2><?php _e('Text 1', 'fortune'); ?></h2>
                <h3><?php _e('Text 2',  'fortune'); ?></h3>
            </div>
        </li><?php
        } ?>
    </ul>
    <ul class="ei-slider-thumbs"> 
        <li class="ei-slider-element">Current</li>
        <?php foreach($imgs as $img){?>
        <li><a href="#"><?php the_title(); ?></a><img src="<?php echo get_template_directory_uri().'/images/'.$img; ?>" /></li>
        <?php
        }?>
    </ul>
    <style>.ei-title {right: 35%;}</style>
    <?php
    } ?>
    </div>
</div>
<script type="text/javascript">
    jQuery(function($) {
        $('#ei-slider').eislideshow({
            speed: <?php echo intval($fortune_theme_options["slider_anim_speed"]); ?>,
            easing      : '<?php echo esc_attr($fortune_theme_options["slider_easing_effect"]); ?>',
            titleeasing : '<?php echo esc_attr($fortune_theme_options["slider_easing_effect"]); ?>',
            titlespeed  : <?php echo intval($fortune_theme_options["slider_content_anim_speed"]); ?>,
            titlesFactor: 0,
            slideshow_interval  : <?php echo intval($fortune_theme_options["slider_interval"]); ?>,
            autoplay:<?php echo intval($fortune_theme_options["slider_auto_play"]); ?>,
            height:600,
        });
    });
</script>
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
23.01.2017, 11:52
Ответы с готовыми решениями:

Можно ли сделать слайдер кликабельным?
Коллеги, подскажите, пожалуйста, можно ли сделать слайдер в портфолио или на странице поста кликабельным? Желательно, чтобы по клику на...

Как сделать такой слайдер?
Как сделать такое или хотя бы примерно так же на WordPress помогите пожалуйста

Как сделать блок кликабельным
Имеется код &lt;header&gt; &lt;div class=&quot;row&quot;&gt; &lt;div class=&quot;fon&quot; &lt;div id=&quot;cart_informer&quot;...

1
0 / 0 / 0
Регистрация: 23.01.2017
Сообщений: 1
24.01.2017, 10:36
Как-то реализовывал костыль через связку Post Slider WD + Перенаправления. Создавал записи, задавал необходимые изображения для них, в плагине Redirection делал нужное перенаправление для адресов, добавлял нужную запись в слайдер. В настройках можно добавить кликабельность самого слайдера + сам слайдер выводит название и текст записи. Минус в том, что при нажатии именно на текст ссылку открывает в новой вкладке (в платной версии плагина можно убрать).
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
24.01.2017, 10:36
Помогаю со студенческими работами здесь

Как сделать HTML баннер кликабельным ?
Добрый день, помогите пожалуйста на сайте есть скользящий баннер, нужно его сделать кликабельным для перехода на другой сайт. Как можно это...

Как сделать код php кликабельным?
Имеется вот такой скрипт вывода аватарки пользователя и имени и фамилии,нужно сделать что бы этот блок был кликабельным,не могу понять как...

Как сделать фаил swf кликабельным?
У меня на сайте есть 3d панорамы &lt;p&gt; &lt;object classid=&quot;clsid:D27CDB6E-AE6D-11cf-96B8-444553540000&quot; width=&quot;250&quot;...

Как сделать кликабельным куб в игре для Android
Есть кубик, а точнее, его 2d версия - квадратик. Нужно, чтобы при нажатии квадрат менял цвет или число на нем меняло цвет. Как сделать,...

Как сделать массив кнопок не кликабельными, а другой массив кликабельным?
Есть 2 массива кнопок. Мне нужно, чтобы один массив был кликабельным, а другой нет, но при нажатии на одну из кнопок кликабельного массив...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Загрузка PNG-файла с альфа-каналом с помощью библиотеки SDL3_image на Android
8Observer8 27.01.2026
Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
влияние грибов на сукцессию
anaschu 26.01.2026
Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android
8Observer8 26.01.2026
Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .
Установка Android SDK, NDK, JDK, CMake и т.д.
8Observer8 25.01.2026
Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .
Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf
8Observer8 25.01.2026
Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .
Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly
8Observer8 24.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
моя боль
iceja 24.01.2026
Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .
Модель сукцессии микоризы
anaschu 24.01.2026
Решили писать научную статью с неким РОманом
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru