Как сделать увеличение картинки при наведении (laravel 5.7)?

Question

[Radiss]

Использую библиотеку intervention/image.

В разделе "portfolios" получилось это реализовать. Но в "portfolio" что-то никак.

portfolios_content_blade

spoiler

<div id="content-page" class="content group">
    <div class="hentry group">
        @if(isset($portfolios) && $portfolios)
            <div id="portfolio" class="portfolio-big-image">
                @foreach($portfolios as $portfolio)
                    <div class="hentry work group">
                        <div class="work-thumbnail">
                            <div class="nozoom">
                                <img src="{{ asset(config('settings.theme')) }}/images/portfolios/{{ $portfolio->img->max }}"
                                     alt="0061" title="0061"/>
                                <div class="overlay">
                                    <a class="overlay_img"
                                       href="{{ asset(config('settings.theme')) }}/images/portfolios/{{ $portfolio->img->path }}"
                                       rel="lightbox" title="{{ $portfolio->title }}"></a>
                                    <a class="overlay_project"
                                       href="{{ route('portfolios.show',['alias' => $portfolio->alias]) }}"></a>
                                    <span class="overlay_title">{{ $portfolio->title }}</span>
                                </div>
                            </div>
                        </div>
                        <div class="work-description">
                            <h3>{{ $portfolio->title }}</h3>
                            <p>{!! str_limit($portfolio->text,800) !!}</p>
                            <div class="clear"></div>
                            <div class="work-skillsdate">
                                <p class="skills"><span class="label">Filter:</span> {{ $portfolio->filter->title }}</p>
                                <p class="workdate"><span class="label">Customer:</span>{{ $portfolio->customer }}</p>

                                @if($portfolio->created_at)
                                    <p class="workdate"><span
                                                class="label">Year:</span>{{$portfolio->created_at->format('Y')}}</p>
                                @endif
                            </div>
                            <a class="read-more"
                               href="{{ route('portfolios.show',['alias' => $portfolio->alias]) }}">{!! Lang::get('ru.view_project') !!}</a>
                        </div>
                        <div class="clear"></div>
                    </div>
                @endforeach
</div>

portfolio_content_blade

spoiler

<div id="content-page" class="content group">
    <div class="clear"></div>
    <div class="posts">
        <div class="group portfolio-post internal-post">
            @if(isset($portfolio) && $portfolio)
                <div id="portfolio" class="portfolio-full-description">
                    <div class="fulldescription_title gallery-filters">
                        <h1>{{ $portfolio->title }}</h1>
                    </div>
                    <div class="portfolios hentry work group">
                       <div class="work-thumbnail">
                          <a class="thumb"><img
                                        src="{{ asset(config('settings.theme')) }}/images/portfolios/{{ $portfolio->img->path }}"
                                        alt="0081" title="0081"/></a>
                                        </div>
                           <div class="work-description">
                            <p>{!! $portfolio->text !!}</p>
                            <div class="clear"></div>
                            <div class="work-skillsdate">
                                <p class="skills"><span class="label">Filter:</span> {{ $portfolio->filter->title }}</p>
                                <p class="workdate"><span class="label">Customer:</span> {{ $portfolio->customer }}</p>
                                <p class="workdate"><span
                                            class="label">Year:</span> {{ $portfolio->created_at->format('Y') }}</p>
                            </div>
                        </div>
                        <div class="clear"></div>
                    </div>
                    <div class="clear"></div>
                    @if(isset($portfolios) && $portfolios)
                        <h3>Other Projects</h3>
                        <div class="portfolio-full-description-related-projects">
                            @foreach($portfolios as $portfolio)
                                <div class="related_project">
                                    <a class="related_proj related_img"
                                       href="{{ route('portfolios.show',['alias'=>$portfolio->alias])}}"
                                       title="Love"><img
                                                src="{{ asset(config('settings.theme')) }}/images/portfolios/{{ $portfolio->img->mini }}"
                                                alt="0061" title="0061"/></a>
                                    <h4>
                                        <a href="{{ route('portfolios.show',['alias'=>$portfolio->alias])}}">{{ $portfolio->title }}</a>
                                    </h4>
                                </div>
                            @endforeach
                        </div>
                    @endif
                </div>
            @else
                {!! Lang::get('ru.articles_no') !!}
            @endif
            <div class="clear"></div>
        </div>
    </div>
</div>

Comments

[Alex Wells]

Причем.. тут laravel?

[Radiss]

Alex Wells, потому-что код в Laravel. Если был бы Bitrix, то был бы синтаксис Bitrix

[Alex Wells]

Radiss, тут вообще ни при чем blade. HTML и JS, которые к laravel отношения не имеют. Даже PHP и intervention/image отношения не имеют.

[Radiss]

Alex Wells, т.е. те, кто знают только HTML и JS отлично разберутся как все это интегрировать в Laravel. Ок.

[Alex Wells]

Radiss, что тут интегрировать? Причем тут вообще laravel? Какую роль он должен сыграть? Сделать что?

Увеличение картинки - дело JS'а, ну может css'а. Laravel тут НИ. ПРИ. ЧЕМ. Вообще. Совсем. Ничего интегрировать с ним не нужно. И в него тоже.