Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
mau tanya soal slider yang error
mau tanya ni sob, kan sy lagi buat slider dgn php, dislide pertama berjalan dgn baik, nah dislide yang kedua judul berita-nya gak muncul n malah nge-slide lagi, padahal cuman ada 2 berita. dan kalau sy tambah berita lagi, gambar-nya malah turun di bawah slide. itu gimana ya? bantu fix dong sob.. terima kasih sebelumnya
ini scriptnya
<div class="col-sm-16 banner-outer wow fadeInLeft animated" data-wow-delay="1s" data-wow-offset="50">
<div class="row">
<div class="col-sm-16 col-md-10 col-lg-8">
<?php if ($silder->num_rows() > 0) { ?>
<!-- carousel start -->
<div id="sync1" class="owl-carousel">
<div class="box item"> <a href="#">
<?php foreach ($silder->result() as $slide) { ?>
<div class="carousel-caption">
<h4><a href="<?=site_url('home/readmore/' . $slide->post_id . '/' . $slide->slug);?>"><?=$slide->post_title;?></a></h4>
<p><?=substr(strip_tags($slide->post_content), 0, 200);?>...</p>
</div>
<?php if ($slide->post_image != NULL && file_exists('assets/post/' . $slide->post_image)) {?>
<img class="img-responsive" width="1600" height="972" src="<?=base_url('assets/post/' . $slide->post_image);?>" alt="<?=$slide->post_title;?>"/>
<?php } else {?>
<img class="img-responsive" width="1600" height="972" src="<?=base_url('assets/430x430.gif');?>" alt="<?=$slide->post_title;?>"/>
<?php } ?>
<div class="overlay"></div>
</a></div>
<?php } ?>
</div>
</div>
</div>
</div>
<?php } ?>
ini script html aslinya
<div class="col-sm-16 banner-outer wow fadeInLeft animated" data-wow-delay="1s" data-wow-offset="50">
<div class="row">
<div class="col-sm-16 col-md-10 col-lg-8">
<!-- carousel start -->
<div id="sync1" class="owl-carousel">
<div class="box item"> <a href="#">
<div class="carousel-caption">Republican budget leader Paul Ryan
faces key test in fiscal talks</div>
<img class="img-responsive" src="images/banner-slider/slide-img-1.jpg" width="1600" height="972" alt=""/>
<div class="overlay"></div>
<div class="overlay-info">
<div class="cat">
<p class="cat-data"><span class="ion-model-s"></span>lifestyle</p>
</div>
<div class="info">
<p><span class="ion-android-data"></span>Dec 16 2014<span class="ion-chatbubbles"></span>351</p>
</div>
</div>
</a></div>
<div class="box item"> <a href="#">
<div class="carousel-caption">Republican budget leader Paul Ryan
faces key test in fiscal talks</div>
<img class="img-responsive" src="images/banner-slider/slide-img-2.jpg" width="1600" height="972" alt=""/>
<div class="overlay"></div>
<div class="overlay-info">
<div class="cat">
<p class="cat-data"><span class="ion-flask"></span>business</p>
</div>
<div class="info">
<p><span class="ion-android-data"></span>Dec 16 2014<span class="ion-chatbubbles"></span>351</p>
</div>
</div>
</a></div>
<div class="box item"> <a href="#">
<div class="carousel-caption">Republican budget leader Paul Ryan
faces key test in fiscal talks</div>
<img class="img-responsive" src="images/banner-slider/slide-img-3.jpg" width="1600" height="972" alt=""/>
<div class="overlay"></div>
<div class="overlay-info">
<div class="cat">
<p class="cat-data"><span class="ion-model-s"></span>travel</p>
</div>
<div class="info">
<p><span class="ion-android-data"></span>Dec 16 2014<span class="ion-chatbubbles"></span>351</p>
</div>
</div>
</a></div>
<div class="box item"> <a href="#">
<div class="carousel-caption">Republican budget leader Paul Ryan
faces key test in fiscal talks</div>
<img class="img-responsive" src="images/banner-slider/slide-img-4.jpg" width="1600" height="972" alt=""/>
<div class="overlay"></div>
<div class="overlay-info">
<div class="cat">
<p class="cat-data"><span class="ion-model-s"></span>soprt</p>
</div>
<div class="info">
<p><span class="ion-android-data"></span>Dec 16 2014<span class="ion-chatbubbles"></span>351</p>
</div>
</div>
</a></div>
<div class="box item"> <a href="#">
<div class="carousel-caption">Republican budget leader Paul Ryan
faces key test in fiscal talks</div>
<img class="img-responsive" src="images/banner-slider/slide-img-5.jpg" width="1600" height="972" alt=""/>
<div class="overlay"></div>
<div class="overlay-info">
<div class="cat">
<p class="cat-data"><span class="ion-model-s"></span>Lifestyle</p>
</div>
<div class="info">
<p><span class="ion-android-data"></span>Dec 16 2014<span class="ion-chatbubbles"></span>351</p>
</div>
</div>
</a></div>
<div class="box item"> <a href="#">
<div class="carousel-caption">Republican budget leader Paul Ryan
faces key test in fiscal talks</div>
<img class="img-responsive" src="images/banner-slider/slide-img-6.jpg" width="1600" height="972" alt=""/>
<div class="overlay"></div>
<div class="overlay-info">
<div class="cat">
<p class="cat-data"><span class="ion-model-s"></span>sport</p>
</div>
<div class="info">
<p><span class="ion-android-data"></span>Dec 16 2014<span class="ion-chatbubbles"></span>351</p>
</div>
</div>
</a></div>
<div class="box item"> <a href="#">
<div class="carousel-caption">Republican budget leader Paul Ryan
faces key test in fiscal talks</div>
<img class="img-responsive" src="images/banner-slider/slide-img-7.jpg" width="1600" height="972" alt=""/>
<div class="overlay"></div>
<div class="overlay-info">
<div class="cat">
<p class="cat-data"><span class="ion-model-s"></span>Lifestyle</p>
</div>
<div class="info">
<p><span class="ion-android-data"></span>Dec 16 2014<span class="ion-chatbubbles"></span>351</p>
</div>
</div>
</a></div>
<div class="box item"> <a href="#">
<div class="carousel-caption">Republican budget leader Paul Ryan
faces key test in fiscal talks</div>
<img class="img-responsive" src="images/banner-slider/slide-img-8.jpg" width="1600" height="972" alt=""/>
<div class="overlay"></div>
<div class="overlay-info">
<div class="cat">
<p class="cat-data"><span class="ion-model-s"></span>business</p>
</div>
<div class="info">
<p><span class="ion-android-data"></span>Dec 16 2014<span class="ion-chatbubbles"></span>351</p>
</div>
</div>
</a></div>
</div>
</div>
</div>
</div>
<!-- banner outer end -->
0
Belum ada Jawaban. Jadi yang pertama Jawaban
Login untuk ikut Jawaban