May
11
2011
11
2011
jQuery Tutorial Making a Mosaic Slideshow

ตัวนี้เป็นการสอนการทำภาพโมเสค แบบ SlideShow เป็นภาพที่เกิดจากรูปเล็กๆมาเรียงต่อกันซึ่งจริงๆแล้วใช้รูปใหญ่นั่นแหละแล้วใช้ jquery & css gen เอา
The mosaic effect of the slideshow is achieved by dividing the original image into smaller parts. These tiles, which contain parts of the image, are sequentially hidden from view, which causes the effect. The markup of the slideshow is pretty straightforward. It consists of the main slideshow container element (#mosaic-slideshow), a left and right arrow for previous and next transition and the mosaic-slide div, which is inserted by jQuery at run-time.
Related Posts
Categories
- jQuery Accordion (6)
- jQuery Animate (11)
- jQuery Auto Complete (5)
- jQuery Background Effect (2)
- jQuery Charts (3)
- jQuery Color Picker (3)
- jQuery Confirm Override (3)
- jQuery Drag and Drop (2)
- jQuery Editor (1)
- jQuery Elements Effect (6)
- jQuery Form Validation (3)
- jQuery Image Crop (2)
- jQuery Image Galleries (21)
- jQuery Image Rotator (13)
- jQuery Image Slider (22)
- jQuery Image Zoom (8)
- jQuery Lightbox (15)
- jQuery Menu (12)
- jQuery Other (27)
- jQuery Scroll (3)
- jQuery Scrollbar (5)
- jQuery Slider (10)
- jQuery Tab (3)
- jQuery Table (4)
- jQuery Text Effect (1)
- jQuery Tooltip (4)
- jQuery ที่เขียนขึ้นเอง (2)



An article by admin












