This topic contains 7 replies, has 2 voices, and was last updated by 
-
Hi,
I need help learning where to start to add thumbnail navigation to the responsive slider. Or how to insert another slideshow into the area where the slideshow appears on the home page. I tried adding some jQuery to the head for another slideshow and then I put in the html into a widget but it is picking up the Genesis slideshow not the one that I added.
dev.makeitbe.org is my testing site.
This is the html I put into a Home Slider widget:
<code><div class=”flexslider”>
<ul class=”slides”>
<li data-thumb=”/wp-content/uploads/2013/01/thumb-s1.jpg”>
<img src=”/wp-content/uploads/2013/01/slider-pledge_s1.jpg” />
</li>
<li data-thumb=”/wp-content/uploads/2013/01/thumb-s1.jpg”>
<img src=”http://placekitten.com/g/960/336″ />
</li>
<li data-thumb=”/wp-content/uploads/2013/01/thumb-s1.jpg”>
<img src=”http://placekitten.com/960/300″ />
</li>
<li data-thumb=”/wp-content/uploads/2013/01/thumb-s1.jpg”>
<img src=”http://placekitten.com/g/960/336″ />
</li>
<li data-thumb=”/wp-content/uploads/2013/01/thumb-s1.jpg”>
<img src=”http://placekitten.com/960/336″ />
</li>
</ul>
</div></code>
and I added this to the footer.
<code><script>
$(‘.flexslider’).flexslider({
animation: “slide”,
controlNav: “thumbnails”
});
</script></code>And I have added this code to the functions file:
<code>/** Add jquery for slider */
add_action(‘genesis_meta’, ‘flexsliderjs’);
function flexsliderjs() {
if(is_home()) {
wp_register_script( ‘jquery’, ‘/wp-content/themes/agency/js/jquery.flexslider-min.js’);
wp_enqueue_script( ‘jquery’ );
wp_register_style( ‘css’, ‘/wp-content/themes/agency/flexslider.css’);
wp_enqueue_style( ‘css’ );
}
}</code>Knowing where to start would be really helpful!! Thanks in advance!!
Linda
You must be logged in to reply to this topic.
