امین موسائی
کاربر عضو
سلام دوستان چرا این اسلایدر کار نمیکنه کجاش مشکل داره
کد اسلایدر
کد اسلایدر
کد:
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> <title> دهیاری روستای چاهداشی </title> <!-- Bootstrap --> <link href="style/css/bootstrap.css" rel="stylesheet"> <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> </head> <body> <!-- شروع container --> <div class="container" style="background-color:#CCC;"> <!-- شروع هدر --> <div class="row" style="background-color:red"> <h1>هدر</h1> </div> <!-- پایان هدر --> <!-- شروع منوی بالا --> <div class="row" style="background-color:blue"> <div class=""> <ul class="list-inline" style=""> <li><a href="index.html">صفحه اصلی</a></li> <li><a href="">فرمانداری</a></li> <li><a href="">گالری تصاویر</a></li> <li><a href="">درباره روستا</a></li> <li><a href="">تماس با ما</a></li> </ul> </div> </div> <!-- پایان منوی بالا --> <!-- شروع اخبار , اسلایدر , ... --> <div class="row"> <!-- شروع آخرین اخبار --> <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3" style="background-color:green;"> آخرین اخبار </div> <!-- پایان آخرین اخبار --> <!-- شروع اسلایدر --> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <div id="myslid" class="carousel slide" data-ride="carousel"> <div class="carousel-inner"> <div class="item active"> <img src="img/slider/1.jpg" /> </div> <div class="item"> <img src="img/slider/2.jpg" /> </div> </div> <a src="#myslid" class="left carousel-control" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"></span> </a> <a src="#myslid" class="right carousel-control" data-slide="next"> <span class="glyphicon glyphicon-chevron-right"></span> </a> </div> </div> <!-- پایان اسلایدر --> <!-- شروع تصویر دهیار --> <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3" style="background-color:yellow;"> تصویر دهیار </div> <!-- پایان تصویر دهیار --> </div> <!-- پایان اخبار , اسلایدر , ... --> </div> <!-- پایان container --> <script type="text/javascript"> $('.carousel').carousel(); $('.carousel').carousel({ interval: 2000 }); </script> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="style/js/jquery.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="style/js/bootstrap.min.js"></script> </body></html>