In April I spent one week working to get my portfolio website up. (Aside: Despite having written it up with php
includes in its first incarnation, I decided to do it slightly differently so I had to edit each page to make the changes, mainly putting more of the
head stuff in my
include file. x.x That’s what I spent a few days doing.)
I installed jCarousel Lite and Fancybox and set them all up on a Friday. Spent that night and the next morning trying to make them work at all. I don’t know what I did wrong there but I did manage to eventually get them working “out of the box” as promised.
The big problem came when I realized in Fancybox when I had the next and previous navigation option turned on that the last image would repeat. I’d get to what I thought was the last image but there was still an arrow pointing to another image, which would just lead to a repeat of the same image. When I first clicked the last image and navigated to the first image, the same problem would occur, but in reverse. (That is, the first image would repeat.)
I combed the Fancybox support area. I tried using search engines to find a solution. jCarouselLite had no support area (not that it needs one, it’s so simple). I tried using a number of different searches, different words (repeat, same image, duplicate image, the list goes on). But no one else seemed to use the two scripts together, or to have the same problem I did.
jCarousel Lite, in order to create that circular loop of images (or whatever content used) needs to make a duplicate of the first
div. I just turned off the circular option, since I chose to use the external controls over the left and right navigation arrows.
That one little switch, and oh my gosh everything fell so nicely into place once I turned it off! The three days (or maybe two, if you don’t count the time I spent just trying to make the scripts work in the first place) I spent wracking my brains were over just like that!