Slider Alanı Mobil ve Pc
<?php
Temanın iki adet slider kısmı mevcut biri pc için diğeri mobil için Tek bi veri ile mobil olan yeri nası yapabilirim şuan çekiyor ama mobil halinde resimler mobil olarak gözükmüyor
<!-- Slider Başlangıcı -->
<div class="vc_row wpb_row vc_row-fluid vc_custom_1619087371313">
<div class="wpb_column vc_column_container vc_col-sm-12">
<div class="vc_column-inner">
<div class="wpb_wrapper">
<div class="vc_row wpb_row vc_inner vc_row-fluid">
<div class="wpb_column vc_column_container vc_col-sm-12 vc_hidden-sm vc_hidden-xs">
<div class="vc_column-inner">
<div class="wpb_wrapper">
<div class="wpb_revslider_element wpb_content_element">
<p class="rs-p-wp-fix"></p>
<rs-module-wrap id="rev_slider_1_1_wrapper" data-source="gallery" style="background:transparent;padding:0;margin:0px auto;margin-top:0;margin-bottom:0;">
<rs-module id="rev_slider_1_1" style="display:none;" data-version="6.2.2">
PC ALANI
<rs-slides>
<?php while($slidercek=$slidersor->fetch(PDO::FETCH_ASSOC)) { ?>
<rs-slide data-title="Slide" data-thumb="img/slider<?php echo $slidercek['slider_resimyol']; ?>" data-anim="ei:d;eo:d;s:d;r:0;t:notransition;sl:d;">
<img
src="wp-content/plugins/revslider/public/assets/assets/dummy.png" alt="<?php echo $ayarcek['ayar_title'] . " " . $slidercek['slider_ad']; ?>" title="<?php echo $ayarcek['ayar_title'] . " " . $slidercek['slider_ad']; ?>" width="1920" height="670" data-lazyload="wp-content/plugins/revslider/public/assets/assets/transparent.png" data-bg="c:#fcfbf7;" class="rev-slidebg" data-no-retina>
<a
id="slider-1-slide-2-layer-2"
class="rs-layer"
href="<?php echo $slidercek['slider_link']; ?>" target="_self" rel="noopener"
data-type="image"
data-rsp_ch="on"
data-xy="x:c;"
data-text="w:normal;s:20,20,7,4;l:0,0,9,6;"
data-dim="w:1300px,1300px,526px,324px;h:600px,600px,243px,149px;"
data-frame_0="sX:0.9;sY:0.9;"
data-frame_1="sp:1000;"
data-frame_999="o:0;st:w;"
style="z-index:8;"
>
<img
src="wp-content/plugins/revslider/public/assets/assets/dummy.png" width="1300" height="600" data-lazyload="img/slider<?php echo $slidercek['slider_resimyol']; ?>" data-no-retina>
</a>
</rs-slide>
<?php } ?>
</rs-slides>
<rs-progress class="rs-bottom" style="visibility: hidden !important;"></rs-progress>
</rs-module>
</rs-module-wrap>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="vc_row wpb_row vc_row-fluid vc_custom_1609102873919">
<div class="wpb_column vc_column_container vc_col-sm-12 vc_hidden-lg vc_hidden-md">
<div class="vc_column-inner vc_custom_1609102900554">
<div class="wpb_wrapper">
<div class="vc_row wpb_row vc_inner vc_row-fluid vc_custom_1609102917402">
<div class="wpb_column vc_column_container vc_col-sm-12">
<div class="vc_column-inner vc_custom_1609102936043">
<div class="wpb_wrapper">
<div class="wpb_revslider_element wpb_content_element">
<p class="rs-p-wp-fix"></p>
<rs-module-wrap id="rev_slider_5_2_wrapper" data-source="gallery" style="background:transparent;padding:0;margin:0px auto;margin-top:0;margin-bottom:0;max-width:">
<rs-module
id="rev_slider_5_2" style="display:none;" data-version="6.2.2">
<rs-slides>
MOBİL ALANI
<?php while($mobilslidercek=$mobilslidersor->fetch(PDO::FETCH_ASSOC)) { ?>
<rs-slide data-title="Slide" data-thumb="img/slider<?php echo $mobilslidercek['slider_resimyol']; ?>" data-anim="ei:d;eo:d;s:d;r:0;t:fade;sl:d;">
<img src="wp-content/plugins/revslider/public/assets/assets/dummy.png" alt="<?php echo $ayarcek['ayar_title'] . " " . $mobilslidercek['slider_ad']; ?>" title="<?php echo $ayarcek['ayar_title'] . " " . $mobilslidercek['slider_ad']; ?>" width="1920" height="670" data-lazyload="wp-content/plugins/revslider/public/assets/assets/transparent.png" data-bg="c:#fdfcf8;" class="rev-slidebg" data-no-retina>
<a class="rs-layer" href="<?php echo $mobilslidercek['slider_link']; ?>" target="_self" rel="noopener" data-type="image" data-xy="x:c;" data-text="w:normal;s:20,20,7,7;l:0,0,9,9;"
data-dim="w:['100%','100%','100%','100%'];h:['100%','100%','100%','100%'];" data-rsp_o="off" data-rsp_bd="off"
data-frame_0="sX:0.9;sY:0.9;" data-frame_1="sp:1000;" data-frame_999="o:0;st:w;" style="z-index:8;">
<img
src="wp-content/plugins/revslider/public/assets/assets/dummy.png" width="778" height="750" data-lazyload="img/slider<?php echo $mobilslidercek['slider_resimyol']; ?>" data-c="cover-proportional" data-no-retina>
</a>
</rs-slide>
<?php } ?>
</rs-slides>
<rs-progress class="rs-bottom" style="visibility: hidden !important;"></rs-progress>
</rs-module>
</rs-module-wrap>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Slider Bitişi -->
?>
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (0)
Henüz kimse cevap yazmadı. İlk cevap yazan sen ol!