Hey Guys,

 

I'm fairly new to html 5 and I am having a little trouble with a template I have converted to my own style. One of these problems is with the image slider. if you go to www.cfphotography.co.uk you can see the problem I am having (missing thumbs). Dreamweaver can't seem to locate the issue I have.

 

This is how it shows in the HTML side of things.

 

I'm just wondering if anyone can tell me how to get these thumbs to work or send me the code. I have attached the full website files to this post.

 

 

<div class="flexslider">

<ul class="slides">

<li data-thumb="assets/img/slider/1.jpg">

<img src="cfphotography/assets/img/slider/1.jpg">

<p class="flex-caption">A Range of contemporary photographs designed around you.</p>

</li>

<li data-thumb="assets/img/slider/2.jpg">

<img src="assets/img/slider/2.jpg">

<p class="flex-caption">Studio photography in your own home at its best.</p>

</li>

<li data-thumb="assets/img/slider/3.jpg">

<img src="assets/img/slider/3.jpg">

<p class="flex-caption">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et. Lorem ipsum dolor sit amet, consectetur.</p>

</li>

<li data-thumb="assets/img/slider/4.jpg">

<img src="assets/img/slider/4.jpg">

<p class="flex-caption">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>

</li>

</ul>

</div>

Best Regards,

Thesis

website.zip

replace line no. 170 of jquery.flexslider.js

 

with

 

item = (vars.controlNav === "thumbnails") ? '<img src="' + slider.slides.eq(i).attr("data-thumb") + '"/>' : '<a>' + j + '</a>';

replace line no. 170 of jquery.flexslider.js

 

with

 

item = (vars.controlNav === "thumbnails") ? '<img src="' + slider.slides.eq(i).attr("data-thumb") + '"/>' : '<a>' + j + '</a>';

 

 

Thank you so much, I would have never in a million years got this.

 

Hopefully I can now finish my project.