iCarousel - Simple news ticker
bu linkteki scripti çalıştıramadım lütfen yardım edin
bu scripti çalıştıramadım :S
9
●481
- 30-05-2009, 12:21:08
- 30-05-2009, 13:25:32
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
- 30-05-2009, 13:26:59php ile alakası ben bunu düzenleyip php sitemde kullanacagım soruları göstermek icin ben cok ugrastım ama calıstıramadım calıstırdıysanız atabilirmisiniz lütfen?
- 30-05-2009, 13:47:32victories arkadaşım dedigin gibi de yaptım ama olmuyor (veya ben yapamıyorum)
- 30-05-2009, 13:56:49site sayfasının kaynak kodlarına bakarsanız bunlardan hariç sayfaya eklenen bir sürü dosya var, sayfanın kaynak kodlarına bakarak bu js dosyalarınıda almalısınız.
anasayfada almanız gereken 2 adet js dosyası belirtilmiş mootools ve iCarousel. http://zendold.lojcomm.com.br/icarousel/ adresinde kurulum anlatılmış. - 30-05-2009, 14:25:50internet explorer ile sayfayı farklı kaydet yaparsan çalışacaktır muhtemelen