چرخنده نرم خطی Slicker
گاهی نیاز است، بخواهید به صورت ساده چند متن یا تصویر را پشت سر هم به صورت خطی نمایش دهید، اگر تمایل دارید از موضوع زیر استفاده کنید.
نمایش اسلاید ساده
در مثال زیر، چرخنده به صورت ساده بوده و توسط کاربر بین صفحات جابجا میشود، همچنین در ادامه به نحوه ساخت آن اشاره خواهد شد.
LTR
Title 1
Question ran over her cheek When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road.
Question ran over her cheek When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road.
Title 2
Question ran over her cheek When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road.
Question ran over her cheek When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road.
Title 3
Question ran over her cheek When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road.
RTL
عنوان 1
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد نیاز، و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد، کتابهای زیادی در شصت و سه درصد گذشته حال و آینده، شناخت فراوان جامعه و متخصصان را می طلبد، تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی، و فرهنگ پیشرو در زبان فارسی ایجاد کرد، در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها، و شرایط سخت تایپ به پایان رسد و زمان مورد نیاز شامل حروفچینی دستاوردهای اصلی، و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد.
این یک متن برای تست است.
عنوان 2
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد نیاز، و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد، کتابهای زیادی در شصت و سه درصد گذشته حال و آینده، شناخت فراوان جامعه و متخصصان را می طلبد، تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی، و فرهنگ پیشرو در زبان فارسی ایجاد کرد، در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها، و شرایط سخت تایپ به پایان رسد و زمان مورد نیاز شامل حروفچینی دستاوردهای اصلی، و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد.
عنوان 3
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد نیاز، و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد، کتابهای زیادی در شصت و سه درصد گذشته حال و آینده، شناخت فراوان جامعه و متخصصان را می طلبد، تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی، و فرهنگ پیشرو در زبان فارسی ایجاد کرد، در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها، و شرایط سخت تایپ به پایان رسد و زمان مورد نیاز شامل حروفچینی دستاوردهای اصلی، و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد.
در ابتدا مانند بقیه موضوعات یک div با کلاس
نمایش خودکار
اگر میخواهید، اسلایدها به صورت خودکار تغییر کنند، بایستی پارامترهای زیر را تعیین کنید.
Title
Question ran over her cheek When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road.
Question ran over her cheek When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road.
Title 2
Question ran over her cheek When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road.
Question ran over her cheek When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road.
Title 3
Question ran over her cheek When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road.
تنظیم اندازه اسلاید ها
اسلایدها به صورت خودکار به اندازه، فضایی که برای نمایش وجود دارند بزرگ یا کوچک میشوند، ولیکن ممکن است برخی از مواقع بخواهید اندازه
اسلایدها کوچکتر و در یک اندازه خاص باشند یا به صورت خودکار اندازه هر کدام محاسبه شوند.
بدین منظور بایستی خصوصیت
اگر میخواهید اندازه هر اسلاید به اندازه واقعی خودش باشد، مقدار auto را نسبت دهید.
اگر میخواهید مقدار ثابتی داشته باشند، آن مقدار را وارد کنید، مانند 300px یا 50rem یا 30em
تنظیمات بیشتر
برای تنظیم بیشتر میتوانید از خصوصیات زیر بهره ببرید.
اگر میخواهید کنترلر اسلایدها در زیر یا بالا قرار گیرد میتوانید یک div ساخته و کلاس relative را به آن بدهید.
در مثالهای زیر تمام موارد آورده شده است.
LTR
Team 1
Some text here
Team 2
Some text here
Team 3
Some text here
Team 4
Some text here
Team 5
Some text here
Team 6
Some text hereRTL
Team 1
Some text here
Team 2
Some text here
Team 3
Some text here
Team 4
Some text here
Team 5
Some text here
Team 6
Some text here