b.soshiant 72 ارسال شده در دی 00 گزارش بازنشر ارسال شده در دی 00 سلام دوستان من یه اسلایدر دارم در سایتم که عکسش رو میذارم: این اسلایدر با اسرولباری که در زیرش هست و با فلش آبی مشخص کردم، وقتی به سمت چپ کشیده میشه عکسهای دیگه رو نشون میده. من اگه بخوام بجای اون اسکرول بار، یه چنین دکمهای داشته باشم برای رفتن به عکس بعدی: با توضیح این که این عکس رو الان با فتوشاپ ساختم که منظورم رو برسونم، باید چکار کنم؟ کذهای css اسلایدر اینه: .right-slider-books { display: flex; height: 100%; width: auto; margin: 2px 2px 2px 2px; overflow-x: auto; text-overflow: ellipsis; white-space: nowrap; } .slider-books{ width: 100%; height: 100%; flex-shrink: 0; margin: 1px 0px 2px 5px; } ممنون میشم راهنمایی کنید نقل قول لینک به ارسال
kamaalix 10 ارسال شده در دی 00 گزارش بازنشر ارسال شده در دی 00 سلام اسلایدر رو خودتون نوشتید یا از افزونه استفاده میکنید؟ نقل قول لینک به ارسال
b.soshiant 72 ارسال شده در دی 00 مالک گزارش بازنشر ارسال شده در دی 00 در 19 ساعت قبل، kamaalix گفته است : سلام اسلایدر رو خودتون نوشتید یا از افزونه استفاده میکنید؟ سلام قربان خیر افزونه نیست. از کد استفاده میکنم. css + html بدون جاوااسکریپت 1 نقل قول لینک به ارسال
محسن عواطفی 121 ارسال شده در دی 00 گزارش بازنشر ارسال شده در دی 00 در در ۱۴۰۰/۱۰/۱۳ در 13:17، b.soshiant گفته است : سلام دوستان من یه اسلایدر دارم در سایتم که عکسش رو میذارم: این اسلایدر با اسرولباری که در زیرش هست و با فلش آبی مشخص کردم، وقتی به سمت چپ کشیده میشه عکسهای دیگه رو نشون میده. من اگه بخوام بجای اون اسکرول بار، یه چنین دکمهای داشته باشم برای رفتن به عکس بعدی: با توضیح این که این عکس رو الان با فتوشاپ ساختم که منظورم رو برسونم، باید چکار کنم؟ کذهای css اسلایدر اینه: .right-slider-books { display: flex; height: 100%; width: auto; margin: 2px 2px 2px 2px; overflow-x: auto; text-overflow: ellipsis; white-space: nowrap; } .slider-books{ width: 100%; height: 100%; flex-shrink: 0; margin: 1px 0px 2px 5px; } ممنون میشم راهنمایی کنید سلام وقت بخیر نوشتن چنین چیزی بدون جاوااسکریپت ممکن نیست. اگه با جاوااسکریپ آشنایی داشته باشید میتونید این چنین اسلایدری رو به راحتی بسازید. از کتابخونه Jquery هم میتونید برای ساخت چنین اسلایدری استفاده کنید. میتونید از طریق HTML و CSS دکمههایی برای جلو و عقب بردن اسلایدر بسازید و از طریق جاوااسکریپ روی اونها رویداد onclick تنظیم کنید و در اون اعلام کنید که بعد از هر بار کلیک، اسلایدر چه مقدار و به چه سمت حرکت کنه. (حرکت اسلایدر رو میتونید از طریق CSS و تابع transform تنظیم کنید). البته به همین سادگی هم نیست، اما وقتی شروع به ساخت اسلایدر کنید (در صورتی که با جاواسکریپت آشنا باشید) با سختیها و مشکلاتش مواجه میشید و حلش میکنید. البته من کتابخونهای مختص به خودم دارم که کارتونو راه میندازه اما نحوه کار باهاش مفصله. اگر بخواید میتونم این کتابخونه رو بفرستم و مختصر نحوه ساخت اسلایدر رو باهاش براتون توضیح بدم. نقل قول لینک به ارسال
kamaalix 10 ارسال شده در دی 00 گزارش بازنشر ارسال شده در دی 00 در 38 دقیقه قبل، b.soshiant گفته است : سلام قربان خیر افزونه نیست. از کد استفاده میکنم. css + html بدون جاوااسکریپت پس از این لینک استفاده کنید و اسلایدر مورد نظرتون رو خودتون بنویسید. https://www.w3schools.com/w3css/w3css_slideshow.asp نقل قول لینک به ارسال
پست های پیشنهاد شده
به گفتگو بپیوندید
هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .