Slider yaparken nerde hata yaptım bakabilir misiniz

10-01-2023, 22:38:31

Aşağıdaki slider da resimler alt alta geliyor yan yana kaydırılabilirdi yanlışlıkla bozdum düzeltemedim yardımcı olur musunuz

<div class="container">
<div id="myCarousel" class="carousel slide" data-ride="carousel">

<div class="carousel-inner">
<div class="item active">
<img src="images/navbar_bacground_image.gif" alt="Los Angeles" style="width:100%;">
</div>
<div class="item">
<img src="images/Logo_Franke.svg.png" alt="Chicago" style="width:100%;">
</div>

<div class="item">
<img src="images/silverlineankastre.png" alt="New york" style="width:100%;">
</div>
</div>

<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<a class="left carousel-control" href="#myCarousel" data-slide="prev">
<span style="color: black;" class="glyphicon glyphicon-chevron-left"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" data-slide="next">
<span style="color: black;" class="glyphicon glyphicon-chevron-right"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>

10-01-2023, 22:46:01

#2

teknobilim

Sanırım scriptler yok ortada.

10-01-2023, 22:47:34

#3

Aliemre

teknobilim adlı üyeden alıntı: mesajı görüntüle

Sanırım scriptler yok ortada.

hocam bootstrap in sitesinden direkt aldım resimleri ekledim sağdaki ve soldaki butonlar çalışmıyor şuan

10-01-2023, 22:48:08

#4

Aliemre

Aliemre adlı üyeden alıntı: mesajı görüntüle

hocam bootstrap in sitesinden direkt aldım resimleri ekledim sağdaki ve soldaki butonlar çalışmıyor şuan

<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="images/navbar_bacground_image.gif" alt="First slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="images/Logo_Franke.svg.png" alt="Second slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="images/silverlineankastre.png" alt="Third slide">
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>

10-01-2023, 22:49:08

#5

teknobilim

Aşağıdaki gibi dener misin ?

<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>
<body>

<div class="container">
<div id="myCarousel" class="carousel slide" data-ride="carousel">

<div class="carousel-inner">
<div class="item active">
<img src="images/navbar_bacground_image.gif" alt="Los Angeles" style="width:100%;">
</div>
<div class="item">
<img src="images/Logo_Franke.svg.png" alt="Chicago" style="width:100%;">
</div>

<div class="item">
<img src="images/silverlineankastre.png" alt="New york" style="width:100%;">
</div>
</div>

<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<a class="left carousel-control" href="#myCarousel" data-slide="prev">
<span style="color: black;" class="glyphicon glyphicon-chevron-left"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" data-slide="next">
<span style="color: black;" class="glyphicon glyphicon-chevron-right"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>

</body>
</html>

10-01-2023, 22:49:57

#6

Aliemre

teknobilim adlı üyeden alıntı: mesajı görüntüle

Sanırım scriptler yok ortada.

hangi kütüphanelerin ekli olması gerekiyor ekli olanlar bunlar sadece
<script src="js/bootstrap.bundle.min.js"></script>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="js/app.js">
<link rel="stylesheet" href="js/owl.carousel.min.js">
<link rel="stylesheet" href="js/jquery.min.js">

10-01-2023, 22:52:09

#7

EvilBozkurt

Böyle sorun mu çözülür gözünüz kapalı işlem yapıyorsunuz resmen bir sunucuya atarsan yada codepen tarzı bir yerde yayınlarsan insanlar daha kolay yardımcı olabilir hocam