اسلايدشو با CSS [بایگانی]

arman54

جمعه 27 تیر 1393, 13:35 عصر

سلام...
ميخاستم ببينم چجوري ميشه با CSS (فقط CSS نه به كمك jquery) يه اسلايدشو ساخت كه عكسها خودكار حركت كنند؟؟

ab.ali

جمعه 27 تیر 1393, 15:01 عصر

سلام...
ميخاستم ببينم چجوري ميشه با CSS (فقط CSS نه به كمك jquery) يه اسلايدشو ساخت كه عكسها خودكار حركت كنند؟؟

یک div بسازید، بعدش به اون overflow:hidden بدین، سپس به نسبت طول div تون مثلا اگر 600px هستش، اگر می خواین دوتا عکس باشه 1200px و گرنه طول بیشتر انتخاب کنید و هر 600px رو جدا و عکس خاصی بهش بدین، بعدش با انیمیشن css3 بهش خاصیت transform:translatex رو بدین و از سمت راست یا چپ هر 600px رو نمایش بدین، چون من خودم همچین چیزی رو ساختم، اگر خواستین یک پیام بهم بدین تا براتون بفرستم.

mohamad_torabi

جمعه 27 تیر 1393, 18:25 عصر

با css3 میتونید به راحتی این کار رو بکنید اموزش استفاد از انیمیشن
http://www.beyamooz.com/css3/657-%D9%85%D8%AA%D8%AD%D8%B1%DA%A9-%D8%B3%D8%A7%D8%B2%DB%8C-%D8%AF%D8%B1-css3