jssor slider using angularjs - almost!

[gmarshall56]

Is there a working sample of the jssor slider using angularjs for the "Image Gallery" -the sample with the thumbnails below the main image - that I can use for a reference? I have managed to create a HTML page with this scenario and I have it working except for these issues:

1. Using a six image deck, image number 4 is blank when it is its turn to appear and the styling that is applied for that pic is "display = none".
2. Using a seven image deck, image numbers 4 and 5 are blank when it is its turn to appear and the style for that pic is "display = none".
3. Using a deck of five images or less all images appear in the slider correctly.
4. None of the thumbnails show up on the bottom as they are supposed to however clicking on each thumbnail takes you to the correct slider picture.

Theses tests were run using jssor.slider.mini.js. When I use jssor.slider.min.js there is a different behavior, in short, on a seven image slider deck image numbers 3, 4 and 5 appear blank.

I am not able to paste my HTML page here as the code gets all fouled up and unreadable. And since I am not allowed to attach an HTML page to this posting I have instead attached a txt version of my HTML file for those who would like to have a look at what I have done. It can be downloaded and entered into any IDE for perusal I assume. I have been trouble shooting this for over a day so far. Thank you for your time.

jssorTest.txt