Assalamualaikum Warahmatullahi Wabarakatuh...mas robi. gimana caranya supaya slider iklan di marketplace bisa responsive di mobile dan di laptop? saya coba script yang mas rekomendasikan tidak responsive mas. mohon solusinya mas
<div id="jssor_1" class='jssor_1'>
<!-- Loading Screen -->
<div data-u="loading" class='loading'>
<div class='slide1'></div>
<div class='slide2'></div>
</div>
<div data-u="slides" class='slides'>
<?php
$slide1 = $this->model_app->view_ordering_limit('iklanatas','id_iklanatas','ASC',0,5);
$no=1;
foreach ($slide1->result_array() as $row) {
if ($row['gambar'] ==''){ $foto_slide = 'no-image.jpg'; }else{ $foto_slide = $row['gambar']; }
if (strlen($row['judul']) > 40){ $judul = substr($row['judul'],0,40).',..'; }else{ $judul = $row['judul']; } echo "<div>
<img data-u='image' src='".base_url()."asset/foto_iklanatas/$foto_slide'/>
<div data-u='thumb'><a style='color:#fff' href='$row[url]'>$judul</a></div>
</div>";
$no++;
}
?>
</div>
<!-- Thumbnail Navigator -->
<div data-u="thumbnavigator" class="jssort09-600-45">
<div class="slide3"></div>
<!-- Thumbnail Item Skin Begin -->
<div data-u="slides" style="cursor: default;">
<div data-u="prototype" class="p">
<div data-u="thumbnailtemplate" class="t"></div>
</div>
</div>
<!-- Thumbnail Item Skin End -->
</div>
<!-- Bullet Navigator -->
<div data-u="navigator" class="jssorb01" style="bottom:16px;right:16px;">
<div data-u="prototype" style="width:12px;height:12px;"></div>
</div>
<!-- Arrow Navigator -->
<span data-u="arrowleft" class="jssora05l" style="top:0px;left:8px;width:40px;height:40px;" data-autocenter="2"></span>
<span data-u="arrowright" class="jssora05r" style="top:0px;right:8px;width:40px;height:40px;" data-autocenter="2"></span>
</div>
<br>
<?php
$no = 1;
foreach ($kategori->result_array() as $kat) {
$produk = $this->model_reseller->produk_perkategori(0,0,$kat['id_kategori_produk'],8);
echo "<p class='sidebar-title text-danger produk-title'>$kat[nama_kategori]</p>
<div class='container'>";
foreach ($produk->result_array() as $row){
$ex = explode(';', $row['gambar']); if (trim($ex[0])==''){ $foto_produk = 'no-image.png'; }else{ $foto_produk = $ex[0]; } if (strlen($row['nama_produk']) > 38){ $judul = substr($row['nama_produk'],0,38).',..'; }else{ $judul = $row['nama_produk']; } $jual = $this->model_reseller->jual_reseller($row['id_reseller'],$row['id_produk'])->row_array();
$beli = $this->model_reseller->beli_reseller($row['id_reseller'],$row['id_produk'])->row_array();
if ($beli['beli']-$jual['jual']<=0){ $stok = '<b style="color:#000">Stok Habis</b>'; }else{ $stok = "<span style='color:green'>Stok ".($beli['beli']-$jual['jual'])." $row[satuan]</span>"; }
$disk = $this->model_app->view_where("rb_produk_diskon",array('id_produk'=>$row['id_produk']))->row_array(); $diskon = rupiah(($disk['diskon']/$row['harga_konsumen'])*100,0)."%";
if ($diskon>0){ $diskon_persen = "<div class='top-right'>$diskon</div>"; }else{ $diskon_persen = ''; }
if ($diskon>=1){
$harga = "<del style='color:#8a8a8a'><small>Rp ".rupiah($row['harga_konsumen'])."</small></del> Rp ".rupiah($row['harga_konsumen']-$disk['diskon']);
}else{
$harga = "Rp ".rupiah($row['harga_konsumen']);
}
echo "<div class='produk col-md-2 col-xs-6'>
<center>
<div style='height:140px; overflow:hidden'>
<a title='$row[nama_produk]' href='".base_url()."produk/detail/$row[produk_seo]'><img style=' min-height:140px; width:100%' src='".base_url()."asset/foto_produk/$foto_produk'></a>
$diskon_persen
</div>
<h4 class='produk-title'><a title='$row[nama_produk]' href='".base_url()."produk/detail/$row[produk_seo]'>$judul</a></h4>
<span class='harga'>$harga</span><br>
<i>$stok</i>
<br><small>$row[nama_kota]</small>";
echo "</center>
</div>";
}
echo "</div>";
echo "<div style='clear:both'><br></div>";
$no++;
}
?>
<br><br>
<div class="block">
<div class="block-content">
<ul class="article-block-big">
<?php
$no = 1;
$hot = $this->model_utama->view_join_two('berita','users','kategori','username','id_kategori',array('utama' => 'Y','status' => 'Y'),'id_berita','DESC',0,6); foreach ($hot->result_array() as $row) {
$total_komentar = $this->model_utama->view_where('komentar',array('id_berita' => $row['id_berita']))->num_rows(); $tgl = tgl_indo($row['tanggal']);
echo "<li style='width:180px'>
<div class='article-photo'>
<a href='".base_url()."$row[judul_seo]' class='hover-effect'>";
if ($row['gambar'] ==''){
echo "<a class='hover-effect' href='".base_url()."$row[judul_seo]'><img style='height:110px; width:200px' src='".base_url()."asset/foto_berita/no-image.jpg' alt='' /></a>";
}else{
echo "<a class='hover-effect' href='".base_url()."$row[judul_seo]'><img style='height:110px; width:200px' src='".base_url()."/asset/foto_berita/$row[gambar]' alt='' /></a>";
}
echo "</a>
</div>
<div class='article-content'>
<h4><a href='".base_url()."$row[judul_seo]'>$row[judul]</a><a href='".base_url()."$row[judul_seo].html' class='h-comment'>$total_komentar</a></h4>
<span class='meta'>
<a href='".base_url()."$row[judul_seo]'><span class='icon-text'>🕔</span>$row[jam], $tgl</a>
</span>
</div>
</li>";
}
echo"<div class='row'>";
$kategori_button = $this->db->query("SELECT * FROM rb_kategori_produk ORDER BY RAND() DESC LIMIT 30");
foreach ($kategori_button->result_array() as $rows) {
echo "<div class='col-md-3 col-xs-6' style='margin-bottom:5px'><a style='border-radius:0px; text-align:left' class='btn btn-block btn-primary' href='".base_url()."produk/kategori/$rows[kategori_seo]'> $rows[nama_kategori]</a></div>";
}
echo "</div><hr>";
?>
</ul>
</div>
</div>