I have over 70 thumbnails of projects to choose from, and I didn’t want the page load time to become enormous from loading all 70+ thumbnails into the crawling clip. So I coded the crawling clip for 10 thumbnails, and added a little .PHP coding for picking a random number between 1 and 66, and then incremented the number up from 1 through 10 for each image.
So on the page load let’s say the code generates a random number of 43, we see thumbnails number 43 through 53 in the crawl. The page loads again and the page generates another random number of 6, we see thumbnails of projects 6 through 16. Each page load a different number with the corresponding sequence of 10. Thus our page load times are small and the user gets to see a different selection of thumbs from page to page.
For this little feature I utilized Google’s ever popular jQuery library and SimplyScroll – “a scroll-tastic jQuery plugin” by Will Kelly and just a little bit of my own .PHP. Till next time~