Posted by lrosete on May 16, 2011 at 5:26pm
Hello. I have some web development experience but fairly new to Drupal.
How do I create an image slider of my "Featured" Content using EasySlider 1.1.7 and Views?
I setup JQuery-EasySlider on my homepage template page--front.tpl.php and hardcoded some image links, something like below:
<?php
drupal_add_js('jQuery(document).ready(function(){
jQuery("#slider").easySlider({
auto: true,
continuous: true
});
});','inline');
?><div id="slider">
<ul>
<li><img width="500" height="300" src="<?php print $directory; ?>/images/01.jpg" alt="" /></li>
<li><img width="500" height="300" src="<?php print $directory; ?>/images/02.jpg" alt="" /></li>
<li><img width="500" height="300" src="<?php print $directory; ?>/images/03.jpg" alt="" /></li>
</ul>
</div>This is what I got so far.
How do I make it show my "Featured" content images "field_feature_image" instead.
Thanks in advance.
Comments
have you tried Views
have you tried Views slideshow?
you also need to download and extract Jquery Cycle to yoursite.com/sites/all/libraries
you can easily filter your "Featured" content images using views then change Format to Slideshow then change Settings for slideshow.
you can check Jquery cycle website for the transition effects.
Awesome! Thanks so much!
Awesome! Thanks so much! I tried Views Slideshow and loved it. I will be using this. Thanks again.