0

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

طراحی سایت در اصفهان, سئو سایت اصفهان, طراحی سایت فروشگاهی , شرکت طراحی سایت اصفهان, طراحی حرفه ای سایت اصفهان, بهینه سازی سایت , بازاریابی و تبلیغات اینترنتی

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

Carousel   اسلایدری است که برای تصاویر, نوشته­ ها, ویدئو و انیمیشن­ های متحرک به کار می رود. پوسته ی اصلی اسلاید شو ها  تصاویر می باشند. در صفحه تنها می توان از یک Carousel استفاده کرد. با تیم طراحی سایت وب یار همراه باشید تا با نحوه ی ایجاد یک Carousel در Bootstrap  آشنا شوید. مثال زیر نشان می دهد که چگونه می توان یک  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” به […]