|
כמו שכבר הציעו לך, הדרך הפשוטה ביותר תהיה להשתמש בספריה קיימת, דוגמאת jQuery.
אם אתה רוצה לממש פתרון בעצמך, אז צורת העבודה תהיה כזאת:
כל התמונות יהיו עם position:absolute לאבא רלטיבי שלהן (ב-CSS).
במעבר בין תמונה לתמונה עליך לשנות את הערך ה-css-י opacity של התמונה שאתה יוצא ממנה מ-1 ל-0, ובמקביל לשנות את הערך של התמונה שאתה רוצה להציג מ-0 ל-1.
אפשר לממש את זה בכ-5 שורות קוד לדעתי, אבל אולי תצטרך לטפל בכמה מקרי קצה של דפדפנים מיושנים דוגמאת IE קטן מ-9 שצריכים פילטר במקום זה.
|