0

سبد خرید شما خالی است.

طراحی سایت در اصفهان, سئو سایت اصفهان, ساخت سایت اصفهان, طراحی حرفه ای سایت اصفهان, بهینه سازی سایت , بازاریابی و تبلیغات اینترنتی 09133886881 احمدپور

آرشیو برچسب ها

آموزش اسلایدشو Carousel در Bootstrap Carousel اسلایدری است که برای تصاویر، نوشته­ ها، ویدئو و انیمیشن­ های متحرک به کار می رود. پوسته ی اصلی اسلایدشو ها تصاویر می باشند. در صفحه تنها می توان از یک Carousel استفاده کرد. برای دیدن این آموزش با تیم طراحی سایت اصفهان وب یار همراه باشید. مثال زیر نشان می دهد که چگونه می توان یک Carousel ساده را با استفاده از کد های Bootstrap ایجاد کرد. <div id=”myCarousel” class=”carousel slide” data-ride=”carousel”> <!– Indicators –> <ol class=”carousel-indicators”> <li data-target=”#myCarousel” data-slide-to=”0″ class=”active”></li> <li data-target=”#myCarousel” data-slide-to=”1″></li> <li data-target=”#myCarousel” data-slide-to=”2″></li> </ol> <!– Wrapper for slides –> <div class=”carousel-inner”> <div class=”item active”> <img src=”la.jpg” alt=”Los Angeles”> </div> <div class=”item”> <img src=”chicago.jpg” alt=”Chicago”> </div> <div class=”item”> <img src=”ny.jpg” alt=”New York”> </div> </div> <!– Left and right controls –> <a class=”left carousel-control” href=”#myCarousel” data-slide=”prev”> <span class=”glyphicon glyphicon-chevron-left”></span> <span class=”sr-only”>Previous</span> </a> <a class=”right carousel-control” href=”#myCarousel” data-slide=”next”> <span class=”glyphicon glyphicon-chevron-right”></span> <span class=”sr-only”>Next</span> </a> </div> اسلایدشو برای عملکرد مناسب کنترل های خود  نیاز به یک شناسه (در این مورد id=”myCarousel”) دارد.   <div> خارجی در این کد، ” class=”carousel مشخص می کند که این div حاوی Carousel می باشد. کلاس slide افکت های transition و animation را اضافه می کند که باعت ایجاد حالت اسلایدی برای عکس ها در هنگام نمایش آیتم های بعدی می شود. ویژگی data-ride=”carousel” به Bootstrap می گوید […]