1. window.addEvent("domready", function() {
2. var ex6Carousel = new iCarousel("example_6_content", {
3. idPrevious: "example_6_previous",
4. idNext: "example_6_next",
5. idToggle: "undefined",
6. item: {
7. klass: "example_6_item",
8. size: 640
9. },
10. animation: {
11. type: "scroll",
12. duration: 1000,
13. amount: 1
14. }
15. });
16.
17. $("thumb0").addEvent("click", function(event){new Event(event).stop();ex6Carousel.goTo(0)});
18. $("thumb1").addEvent("click", function(event){new Event(event).stop();ex6Carousel.goTo(1)});
19. $("thumb2").addEvent("click", function(event){new Event(event).stop();ex6Carousel.goTo(2)});
20. $("thumb3").addEvent("click", function(event){new Event(event).stop();ex6Carousel.goTo(3)});
21. $("thumb4").addEvent("click", function(event){new Event(event).stop();ex6Carousel.goTo(4)});
22. $("thumb5").addEvent("click", function(event){new Event(event).stop();ex6Carousel.goTo(5)});
23. $("thumb6").addEvent("click", function(event){new Event(event).stop();ex6Carousel.goTo(6)});
24. });
25.bu kısmı <head> </head> arasına yerleştirin
1. /* example_6 css */
2. #example_6 {
3. position: relative; /* important */
4. overflow: hidden; /* important */
5. width: 640px; /* important */
6. height: 540px; /* important */
7. margin: 0;
8. background: #fff;
9. }
10.
11. #example_6_content {
12. position: absolute;
13. top: 0;
14. margin-left: 0;
15. }
16.
17. #example_6_content
18. #example_6_content li {
19. list-style: none;
20. margin: 0;
21. padding: 0;
22. }
23. #example_6_content {
24. width: 13440px;
25. }
26. #container_bd #example_6 ul li {
27. display: block;
28. float: left;
29. margin: 0;
30. padding: 0;
31. border: none;
32. background-color: #fff;
33. }
34.
35. #container_bd #example_6 ul li img {
36. display: block;
37. }
38.
39. #example_6_frame {
40. position: relative;
41. margin: 485px 131px 0 131px;
42. }
43. #container_bd #example_6_frame ul li {
44. margin: 0 2px;
45. }
46. #container_bd #example_6_frame ul li img{
47. border: 1px solid #9cf;
48. padding: 2px;
49. }
50. #container_bd #example_6_frame ul li img:hover {border: 1px solid #369;}
51.
bu kısmı <body> etiketinden hemen sonraya
diğer bölüm ise zaten sayfanızda nerede göstermek istiyorsanız orada olacak
