Posted on
Nov 22, 2007 in
Tutorials |
0 comments
| If this article doesn't have images and download links please read this to see WHY and HOW you can help me resolve the issue. |
Information
Another simple demonstration of a left/right scrolling thumbnail selector using just a simple javascript routine to manipulate the styling.
Features
- Has a default image.
- Can have descriptive text.
- Can be expanded to have as many images as you like.
- Images can be any size.
- The full size images will be centered horizontally and vertically without specifying the image size.
- The left/right arrows can be clicked to move the selector to the next full size image.
- The thumbnails can also be clicked to see their full size image.
- The full size image will stay visible until another image is selected.
Tested IE6, IE7, Firefox, Netscape, Mozilla,Safari (PC), Opera and also in Safari for iPod Touch. The javascript is very quick in Firefox, Safari etc. but quite slow in IE.
Download left_right_click.zip
[[T_F]]Data Leak Prevention - Data Security Solutions - Information Theft Protection, Detection and Prevention Software Productstracefusion_signature=cd6b0937fcc52c0327c1c2625a976d419bb8ecadbaae960ecb2d7f97090addd114cb082a9d2faccfa31108590ee1b272a845b87419e03e9372505ad2bb7e3e11d4d6c3dbceac277fa3705f95b8d881d53f0d2c5b63916983599fd84239425f11cdef6680952f97abd3504ddd64c8e50006435d4c30ffa7381436c8a525393650ed413026646148cef8dbe7e43092ad07df2b16da2a7768b1d1c0be56ff0ff4bf4b2c7d2fe8bd694d3e96562dfb7a381e839f7e043e7253c50696b14b8996e997ae7517f17edafc9cabf7d86382f9fb4e2dd795b0310e28e5f78a06bd628081a7575108e0319089c0ebf8d6c427f653fcced5ab124a39e4f53bbff942fa12dfa7f52d8e348a0fff5f0ea95e1dfb3453d9f7200a8b9a2974eae375b8a8534d8c61dab9ecc312e4cd43a07207c8f4bb1976a7e488ea102d82ea11d18201cd432276fb450d24d6411fb4aab658f9acf2794b4f38d739ca885101dfcf4da2747a866bafeb88d146bdfb71fe6e2cb0d42c6660ae3a9fd3b542c4c77f4d4502e003cbfcb169724e25ce45d9693c2444d9ebb00e9bd590d6324e844a3a14e6c64f377d9459464653ed8d817c826e69f3a4ec6249918cfd8d7d3da56cef59b71086b31a285094846cee5990c6530a8f2723dd1bd8932791c657c236da614fd5e09079aec1b95e13141f5122abf24396ab7dc8f23d3569d6472fc2a2f10d5492b437d229467befc4c44da34d7c10ff27af24f397ed6175d92675d685c64712451c7155b1dddddd8b67ec450204792a06eb383d448814e75a98e1d219de93ea2ff288a2546624d48eafd392b04deb2e1fe772d2b4da5445c8cb59f33d07ab13d0bdfa0909b1a4a4e0b1a4a683[[T_F]]
