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

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

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

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

Код
<?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
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
23.01.2017, 11:52
Ответы с готовыми решениями:

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

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

Ребята , прошу посмотреть, надо сделать очень слайдер как надо
Сделал с помощью плагина. Плагин vSlider сайт http://bubnovsky-perm.ru/ Не могу понять как его...

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

1
0 / 0 / 0
Регистрация: 23.01.2017
Сообщений: 1
24.01.2017, 10:36 2
Как-то реализовывал костыль через связку Post Slider WD + Перенаправления. Создавал записи, задавал необходимые изображения для них, в плагине Redirection делал нужное перенаправление для адресов, добавлял нужную запись в слайдер. В настройках можно добавить кликабельность самого слайдера + сам слайдер выводит название и текст записи. Минус в том, что при нажатии именно на текст ссылку открывает в новой вкладке (в платной версии плагина можно убрать).
0
24.01.2017, 10:36
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
24.01.2017, 10:36
Помогаю со студенческими работами здесь

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

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

Как сделать фаил swf кликабельным?
У меня на сайте есть 3d панорамы &lt;p&gt; &lt;object...

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


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

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2024, CyberForum.ru