Перейти к содержимому

Фотография

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


  • Вы не можете создать новую тему
  • Авторизуйтесь для ответа в теме
Сообщений в теме: 3

#1 alexPNZ

alexPNZ

    Прохожий

    Топикстартер
  • Новичок
  • 0
    2 сообщ.

Отправлено 23 Январь 2017 в 13:07

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

<?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

Спонсор

#2 BaNru

BaNru

    Пацифизжу

  • суперМодератор
  • 991
    3 538 сообщ.

Отправлено 23 Январь 2017 в 23:30

Сами слайды внутри <li></li>
Текст в них заложен тоже разный. Не знаю почему у вас везде одинаковый.
  • 0

#3 alexPNZ

alexPNZ

    Прохожий

    Топикстартер
  • Новичок
  • 0
    2 сообщ.

Отправлено 24 Январь 2017 в 14:05

Сами слайды внутри <li></li>
Текст в них заложен тоже разный. Не знаю почему у вас везде одинаковый.

Выводится вот вот от сюда 
<div class="ei-title">
                <h2><?php _e('Text 1', 'fortune'); ?></h2>
                <h3><?php _e('Text 2', 'fortune'); ?></h3>
            </div>


  • 0

#4 BaNru

BaNru

    Пацифизжу

  • суперМодератор
  • 991
    3 538 сообщ.

Отправлено 25 Январь 2017 в 02:32

Ну да. В настройках слайдера только два эти поля на весь слайдер, а не на каждый слайд?

 

Я бы рекомендовал вам, раз вы всё равно залезли в код, отказаться от настроек слайдера в админке и прописать его сразу в шаблоне, каждый слайд.


  • 0


Статистика

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 скрытых пользователей