WordPress无代码滑块响应问题

如果您访问我的网站到目前为止，http://trulydesigns.com/您会注意到，一切都按顺序排列。WordPress无代码滑块响应问题

如果您通过移动设备访问网页，例如iPhone 5s，则滑块看起来不合适。 http://quirktools.com/screenfly/#u=http%3A//trulydesigns.com&w=320&h=568&a=37&s=1

function createSlider(){ 
    global $cl_redata; 
    if(isset($cl_redata['codeless_slider_height']) && $cl_redata['codeless_slider_height'] != '100%') 
     $height = $cl_redata['codeless_slider_height']; 
    elseif(! isset($cl_redata['codeless_slider_height'])) 
     $height = '450'; 
    else 
     $height = 'fullscreen'; 

    $this->height = $height; 

    $extra_class = ''; 
    if($cl_redata['slider_parallax']) 
     $extra_class .= ' parallax_slider'; 

    $output = '<div class="codeless_slider_swiper '.esc_attr($extra_class).'" style="'.(($height == 'fullscreen')?'':'height:'.$height.'px').'">'; 
     $output .= '<div class="loading"><i class="moon-spinner icon-spin"></i></div>'; 
     $output .= '<div class="codeless_slider_wrapper" data-start="transform: translateY(0px);" data-'.(($height == 'fullscreen')?'1440':$height).'="transform: translateY(-500px);">'; 
      $output .= '<div class="codeless-slider-container swiper-parent swiper_slider codeless_slider" data-slidenumber="1" data-height="'.esc_attr($height).'">'; 
       $output .= '<div class="pagination-parent nav-thumbflip nav-slider"> 
           <a class="prev" href=""> 
            <span class="icon-wrap"><i class="icon-angle-left"></i></span> 
            <div class="text">'.__('PREV','codeless').'</div> 
           </a> 
           <a class="next" href=""> 
            <span class="icon-wrap"><i class="icon-angle-right"></i></span> 
            <div class="text">'.__('NEXT','codeless').'</div> 
           </a> 
          </div>'; 
       $output .= '<div class="swiper-wrapper">'; 

    $this->output[] = $output; 
}

这是“codeless_slider.php”的一个片段，在某处我的文件，它揪“最小高度：236.97522816166884px;高度：236.97522816166884px;”我无法从哪里找到，所以任何帮助都非常感谢。

来源

2015-07-20 Joshua N

这些值是由控制滑块输出的jquery计算出来的，它可能会被缩小并成为噩梦来抓取和修改。我的建议是，用不同的滑块完成这项工作，就是编写样式规则，让它看起来像你想要的样子，用'！important'声明覆盖缺省值 – CreMedian

@CreMedian我怎么没有想到这些，该死！谢谢，它现在应该如何。 –

很高兴我能帮到你。我发表了我的评论作为答案。如果您接受它来解决您的问题，我将不胜感激。干杯! – CreMedian

这可能会很棘手，因为您使用插件不必自己构建它，但有时候插件会注入代码，并且必须了解它是如何构建的才能使其以您想要的方式工作。

在学习Wordpress开发时，我学会了在Chrome浏览器中与DOM检查器成为好朋友，并使用!important声明来覆盖样式规则。看起来你可以在这里成功地做到这一点。

祝你好运！

来源

2015-07-20 20:59:02 CreMedian

WordPress无代码滑块响应问题

回答

相关问题