@Radiss

Почему слайдер работает не во всех браузерах?

Использую версию 5.2

Все работает в Firefox, FirefoxDev - картинки из бд отображаются и чередуются. Отображается кнопка переключения.

В Chrome и M. Edge выводится только одна картинка не из бд

<div class="mobile-slider">
				    <div class="slider fixed-image inner"><img src="{{ asset(config('settings.theme'))}}/images/slider-cycle/cycle-fixed.jpg" alt="" /></div>
				</div>


Index.Controller
spoiler
<?php

namespace Corp\Http\Controllers;
use Illuminate\Http\Request;
use Corp\Http\Requests;
use Corp\Repositories\SlidersRepository;
use Corp\Repositories\PortfoliosRepository;
use Corp\Repositories\ArticlesRepository;
use Config;

class IndexController extends SiteController
{
    
    public function __construct(SlidersRepository $s_rep, PortfoliosRepository $p_rep, ArticlesRepository $a_rep) {
    	
    	parent::__construct(new \Corp\Repositories\MenusRepository(new \Corp\Menu));
    	
    	$this->s_rep = $s_rep;
    	$this->p_rep = $p_rep;
    	$this->a_rep = $a_rep;
    	
    	$this->bar = 'right';
    	
    	$this->template = config('settings.theme').'.index';
		
	}
    
    /**
     * Display a listing of the resource.
     *
     * @return \Illuminate\Http\Response
     */
    public function index()
    {
        //
        
        $portfolios = $this->getPortfolio();
        
        $content = view(config('settings.theme').'.content')->with('portfolios',$portfolios)->render();
        $this->vars = array_add($this->vars,'content', $content);
        
        $sliderItems = $this->getSliders();
        
        $sliders = view(config('settings.theme').'.slider')->with('sliders',$sliderItems)->render();
        $this->vars = array_add($this->vars,'sliders',$sliders);
        
        $this->keywords = 'Home Page';
		$this->meta_desc = 'Home Page';
		$this->title = 'Home Page';
		
        
        $articles = $this->getArticles();
        
       // dd($articles);
        
        $this->contentRightBar = view(config('settings.theme').'.indexBar')->with('articles',$articles)->render();
        
        
        return $this->renderOutput();
    }
    
    protected function getArticles() {
    	$articles = $this->a_rep->get(['title','created_at','img','alias'],Config::get('settings.home_articles_count'));
    	
    	return $articles;
    }	
    
    protected function getPortfolio() {
		
		$portfolio = $this->p_rep->get('*',Config::get('settings.home_port_count'));
		
		return $portfolio;
		
	}
    
    public function getSliders() {
    	$sliders = $this->s_rep->get();
    	
    	if($sliders->isEmpty()) {
			return FALSE;
		}
		
		$sliders->transform(function($item,$key) {
			
			$item->img = Config::get('settings.slider_path').'/'.$item->img;
			return $item;
			
		});
    	
    	
    	return $sliders;
    }	

    /**
     * Show the form for creating a new resource.
     *
     * @return \Illuminate\Http\Response
     */
    public function create()
    {
        //
    }

    /**
     * Store a newly created resource in storage.
     *
     * @param  \Illuminate\Http\Request  $request
     * @return \Illuminate\Http\Response
     */
    public function store(Request $request)
    {
        //
    }

    /**
     * Display the specified resource.
     *
     * @param  int  $id
     * @return \Illuminate\Http\Response
     */
    public function show($id)
    {
        //
    }

    /**
     * Show the form for editing the specified resource.
     *
     * @param  int  $id
     * @return \Illuminate\Http\Response
     */
    public function edit($id)
    {
        //
    }

    /**
     * Update the specified resource in storage.
     *
     * @param  \Illuminate\Http\Request  $request
     * @param  int  $id
     * @return \Illuminate\Http\Response
     */
    public function update(Request $request, $id)
    {
        //
    }

    /**
     * Remove the specified resource from storage.
     *
     * @param  int  $id
     * @return \Illuminate\Http\Response
     */
    public function destroy($id)
    {
        //
    }
}



SliderRepository
spoiler
<?php

namespace Corp\Repositories;
use Corp\Slider;

class SlidersRepository extends Repository {
	
	
	public function __construct(Slider $slider) {
		$this->model = $slider;
	}
	
}

?>



slider.blade.php
spoiler
@if(count($sliders) > 0)


<div id="slider-cycle" class="slider cycle no-responsive slider_cycle group" style="height:485px;">
				    <ul class="slider">
				    
				    
				    @set($i,1)
				    @foreach($sliders as $slider)
				    
				    <li>
					   <div class="slide-holder" style="background:  url('{{ asset(config('settings.theme')) }}/images/{{ $slider->img }}') no-repeat center center" style="height:483px;">
					    	<div class="slide-content-holder inner" style="height:483px;">
					    		@if($i%2 !== 0)
					    			<div class="slide-content-holder-content" style="position: absolute; top:30px;right:650px;">
					    		@else
					    			<div class="slide-content-holder-content" style="position: absolute; top:80px;left:500px;">
					    		@endif
					    			
					    				<div class="slide-title">
				                            {!! $slider->title !!}
				                        </div>
				                        <div class="slide-content" style="color:#fff">
				                            <p>{!! $slider->desc !!}</p>
				                        </div>
					    			
					    			</div>
					    	</div>
					    </div>
				    </li>
				    
				    @set($i, $i+1)
				    @endforeach
				    </ul>
				    
				    <div id="yit-widget-area" class="group">
				        <div class="yit-widget-content inner group">
				            <div class="widget-first yit-widget widget col1_4 one-fourth col widget-icon-text group">
				                <img class="icon-img" src="images/icons/cloud.jpg" alt="" />		
				                <h3>Great Design</h3>
				                <p>A widgetized area: add shorcodes, text, icons and more.</p>
				            </div>
				            <div class="yit-widget widget col1_4 one-fourth col widget-last-post group">
				                <img class="icon-img" src="images/icons/blog1.png" alt="" />        
				                <div>
				                    <h3><a class="text-color" href="#" title="">Blog news</a></h3>
				                    <p>Section shortcodes &amp; sticky posts! <a href="article.html"> | more ></a></p>
				                </div>
				            </div>
				            <div class="widget-last yit-widget widget col1_4 one-fourth col yit_text_quote">
				                <blockquote class="text-quote-quote">“Anyone who has never made a mistake has never tried anything new.”</blockquote>
				                <cite class="text-quote-author">Albert Einstein</cite>
				            </div>
				        </div>
				    </div>
				</div>
				<script type="text/javascript">
				    jQuery(document).ready(function($){
				        
				        var     yit_slider_cycle_fx = 'easing',
				                yit_slider_cycle_speed = 800,
				                yit_slider_cycle_timeout = 3000,
				                yit_slider_cycle_directionNav = true,
				                yit_slider_cycle_directionNavHide = true, 
				                yit_slider_cycle_autoplay = true;
				                
				        var yit_widget_area_position = function(){
				            $('#yit-widget-area').css({ top: 33 - $('#yit-widget-area').height() });
				        };
				        $(window).resize(yit_widget_area_position);
				        yit_widget_area_position();
				        
				        if( $.browser.msie && parseInt($.browser.version.substr(0,1),10) <= '8' ) {
				            $('#slider-cycle ul.slider').anythingSlider({
				                 expand              : true,
				                 startStopped        : false,
				                 buildArrows         : yit_slider_cycle_directionNav,
				                 buildNavigation     : false,
				                 buildStartStop      : false,
				                 delay               : yit_slider_cycle_timeout,
				                 animationTime       : yit_slider_cycle_speed,
				                 easing              : yit_slider_cycle_fx,
				                 autoPlay            : yit_slider_cycle_autoplay ? true : false,
				                 pauseOnHover        : true, 
				                 toggleArrows        : false,
				                 resizeContents      : true
				            });
				        } else {
				            $('#slider-cycle ul.slider').anythingSlider({
				                 expand              : true,
				                 startStopped        : false,
				                 buildArrows         : yit_slider_cycle_directionNav,
				                 buildNavigation     : false,
				                 buildStartStop      : false,
				                 delay               : yit_slider_cycle_timeout,
				                 animationTime       : yit_slider_cycle_speed,
				                 easing              : yit_slider_cycle_fx,
				                 autoPlay            : yit_slider_cycle_autoplay ? true : false,
				                 pauseOnHover        : true, 
				                 toggleArrows        : yit_slider_cycle_directionNavHide ? true : false,
				                 onSlideComplete     : function(slider){},
				                 resizeContents      : true,
				                 onSlideBegin        : function(slider) {},
				                 onSlideComplete     : function(slider) {}
				            });
				            
				        }
				    });
				</script>
				<div class="mobile-slider">
				    <div class="slider fixed-image inner"><img src="{{ asset(config('settings.theme'))}}/images/slider-cycle/cycle-fixed.jpg" alt="" /></div>
				</div>
@endif



site.blade.php
spoiler
<!-- START SLIDER -->
					
					@yield('slider')
					
					<div class="wrap_result"></div>

  • Вопрос задан
  • 72 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы