0 / 0 / 0
Регистрация: 19.07.2014
Сообщений: 9
|
|
1 | |
Как сделать слайдер кликабельным?23.01.2017, 11:52. Показов 1475. Ответов 1
Метки нет (Все метки)
Здравствуйте, помогите пожалуйста, тоже хотел сделать слайдер кликабельным, но не нахожу строк которые нужно заменить, и еще на слайдере три картинки, а текст выводится для них общий, можно сделать что бы на каждом слайде был свой текст ?
Код
<?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
|
23.01.2017, 11:52 | |
Ответы с готовыми решениями:
1
Можно ли сделать слайдер кликабельным? Как сделать такой слайдер? Ребята , прошу посмотреть, надо сделать очень слайдер как надо Как сделать блок кликабельным |
0 / 0 / 0
Регистрация: 23.01.2017
Сообщений: 1
|
|
24.01.2017, 10:36 | 2 |
Как-то реализовывал костыль через связку Post Slider WD + Перенаправления. Создавал записи, задавал необходимые изображения для них, в плагине Redirection делал нужное перенаправление для адресов, добавлял нужную запись в слайдер. В настройках можно добавить кликабельность самого слайдера + сам слайдер выводит название и текст записи. Минус в том, что при нажатии именно на текст ссылку открывает в новой вкладке (в платной версии плагина можно убрать).
0
|
24.01.2017, 10:36 | |
24.01.2017, 10:36 | |
Помогаю со студенческими работами здесь
2
Как сделать HTML баннер кликабельным ? Как сделать код php кликабельным? Как сделать фаил swf кликабельным? Как сделать кликабельным куб в игре для Android Искать еще темы с ответами Или воспользуйтесь поиском по форуму: |