Dear forum members,
I’m trying to add little gallery thumbnails to the Flexslider.
I replaced in the file: folder/js/default.js (and minified version as well) this line:
controlNav: false,
by
controlNav: "thumbnails",
Than in the folder/templates/portfolio/portfolio-big-slider.php I replaced this code:
<li class="slide">
<img src="<?php echo $image_src; ?>" alt="<?php echo $alt; ?>" />
</li>
by this:
$(window).load(function() { $('.flexslider').flexslider({ animation: "slide", controlNav: "thumbnails" });});
I took this line of code from here: http://flexslider.woothemes.com/thumbnail-controlnav.html (JS version)
Can you please help me to figure out what I’m doing wrong? (I’m very very new to Javascript)
Here is the page I’m working on: http://drenec.eu/portfolio_page/single-portfolio-parallax/
I have flexslider working and pictos below are weird and broken.
Please, help me.
Thank you.