Bootstrap Carousel Mobil Yükseklik

Tahribat.com Forumları
line

Html - CSS - XML - JavaScript - Ajax
line

Bootstrap Carousel Mobil Yükseklik

30/Nis/19 22:05

Kısayol

Şikayet

Özel Mesaj

Megalados

Kayıt Tarihi: 22/Haziran/2013

<div class="carousel-item active">
      <img class="d-block w-100" src="img/slider/4.jpg" alt="First slide">
    </div>

Çözünürlük çok düşükken yüksekliğe ben karar vermek istiyorum. Nasıl yaparım dostlar ?

Şöyle denedim olmadı mesela.

div class="carousel-item active">
      <img class="h-100 d-inline-block" style="max-width: 100%;" src="img/slider/4.jpg" alt="First slide">
    </div>

Alıntı yap

01/May/19 00:20 Kısayol Şikayet Özel Mesaj

Https

Kayıt Tarihi: 05/Ağustos/2017

Aynı sorunla bugün bende karşılaştım benim ki ödev ama. Ben direkt ffmpeg den resimlerin çözünürlüğünü düşürdüm. Öyle seçtim resimleri. Hoş oldu.

Yada Link teki sonuçlar yardımcı olabilir. Ama ben ffmpegden veya başka yoldan resimlerin çözünürlüğünü düşürmeyi öneririm.

Alıntı yap
01/May/19 00:33 Kısayol Şikayet Özel Mesaj
Megalados

Kayıt Tarihi: 22/Haziran/2013
Https bunu yazdı

Aynı sorunla bugün bende karşılaştım benim ki ödev ama. Ben direkt ffmpeg den resimlerin çözünürlüğünü düşürdüm. Öyle seçtim resimleri. Hoş oldu.

Yada Link teki sonuçlar yardımcı olabilir. Ama ben ffmpegden veya başka yoldan resimlerin çözünürlüğünü düşürmeyi öneririm.

ffmpeg'i bilmiyorum hocam. Nasıl yapacaz ?

Örneğin şöyle çözüm olmadı.
```
<div class="carousel-item active">
      <img class="d-block w-100" src="img/slider/4.jpg" height="980px" alt="First slide">
    </div>
```
Çözünürlüğü bozulduğu için berbat gözüküyor.
Alıntı yap
07/May/19 22:59 Kısayol Şikayet Özel Mesaj

Megalados

Kayıt Tarihi: 22/Haziran/2013

Arkadaşlar bu tema gibi rasponsive slider lazım bana.

http://demo.themewagon.com/preview/free-bootstrap-4-html5-insurance-website-template-funder

Bu temadan aynen almak istiyorum ama yapamadım bir türlü.

Yok mu yardımcı olacak hayırsever ?

Alıntı yap
08/May/19 10:08 Kısayol Şikayet Özel Mesaj

camarade
ontedi

Kayıt Tarihi: 04/Eylül/2005

owl-carousel diye aratırsan bulabilirsin.

Matematikçi ve Yazılımcı. http://www.ontedi.com ve http://www.cizgi.site Siteme beklerim herkesi.

Alıntı yap
08/May/19 10:37 Kısayol Şikayet Özel Mesaj

Megalados

Kayıt Tarihi: 22/Haziran/2013

ontedi bunu yazdı

owl-carousel diye aratırsan bulabilirsin.

O kadarını yapabiliyorum hocam.

Bu slider'in html'si css'si js'si jquary si tek tek çıkartmam lazım. İşte onu yapamıyorum.

Rasponsive slider bulsam böyle o da olur.

Alıntı yap
08/May/19 14:15 Kısayol Şikayet Özel Mesaj

Bektas
x-files

Kayıt Tarihi: 06/Eylül/2005

Resimleri <img src="images/images1.jpg" class="img-fluid" alt="Responsive image"><a> olarak ekle

//Hayat Bazen Tatlıdır//--//Aşıksan vur saza şoförsen bas gaza// https://zulfumehmet.com/ Kişisel bir olay

Alıntı yap
08/May/19 14:37 Kısayol Şikayet Özel Mesaj

Megalados

Kayıt Tarihi: 22/Haziran/2013

x-files bunu yazdı

Resimleri src="images/images1.jpg" class="img-fluid" alt="Responsive image"> olarak ekle

<img class="d-block w-100" src="img/slider/13.jpg" alt="Third slide">

Böyleydi. Dediğin gibi yaptım hiç değişiklik olmadı hocam.

Alıntı yap
08/May/19 16:50 Kısayol Şikayet Özel Mesaj
coder2

Kayıt Tarihi: 15/Mart/2007
```
@media (max-width: 575.98px) {
    .carousel-item {
    	// code
    }
}
```
max-width istediğin gibi değiştirip içeriğine kodlarını yazabilirsin.

Önceleri Kızlar Utanınca Kızarırdı Şimdilerde Kızarınca Utanıyorlar..
Alıntı yap

08/May/19 17:11

Kısayol

Şikayet

Özel Mesaj

Megalados

Kayıt Tarihi: 22/Haziran/2013

<div class="carousel-inner">
    <div class="carousel-item active">
	<div style="height: 100px;">
  <div class="h-100 d-inline-block" style="width: 120px;">Height 25%</div>
</div>
	   <img class="d-block w-100" src="img/slider/11.jpg">
    </div>

Bu şekilde çözdüm arkadaşlar.

Megalados tarafından 08/May/19 17:12 tarihinde düzenlenmiştir

Alıntı yap

Toplam Hit: 1483 Toplam Mesaj: 10
bootstrap mobil yükseklik

Cevapla