PHP Photo::preload Examples

Example #1

File: project_solution.blade.php Project: Grapheme/dada

<?php

Photo::preload($image_big, $image_small);
?>

<section class="project__block block-solution">
    <div class="wrapper">
        <div class="content-wrap">
            <div class="block__left-text">Solution</div>
            <div class="block__left-image">
                @if (isset($image_big) && is_object($image_big))
                    <div style="background-image: url({{ $image_big->full() }});" class="image__item right-pos"></div>
                @endif
            </div>
            <div class="block__right left-pad">
                @if (isset($image_small) && is_object($image_small))
                    <div style="background-image: url({{ $image_small->full() }});" class="right__image"></div>
                @endif
                <div class="right__desc block-desc">
                    {{ $text }}
                </div>
            </div>
        </div>
    </div>
</section>

Example #2

File: project_two_images.blade.php Project: Grapheme/dada

<?php

Photo::preload($image_1, $image_2);
?>

<section class="project__block block-half-images">
    <div class="wrapper">
        <div class="content-wrap">
            <div class="block__image">
                @if (isset($image_1) && is_object($image_1))
                    <div style="background-image: url({{ $image_1->full() }});" class="image__item right-pos"></div>
                @endif
            </div>
            <div class="block__image">
                @if (isset($image_2) && is_object($image_2))
                    <div style="background-image: url({{ $image_2->full() }});" class="image__item left-pos"></div>
                @endif
            </div>
        </div>
    </div>
</section>

Example #3

File: project_one_image.blade.php Project: Grapheme/dada

<?php

Photo::preload($image_1);
?>

<section class="project__block block-big-image">
    <div class="wrapper">
        @if (isset($image_1) && is_object($image_1))
            <div class="content-wrap"><img src="{{ $image_1->full() }}" alt="" class="block__image"></div>
        @endif
    </div>
</section>

Example #4

File: project_image_text.blade.php Project: Grapheme/dada

<?php

Photo::preload($image);
?>

<section class="project__block block-text-image">
    <div class="wrapper">
        <div class="content-wrap">
            <div class="block__left right-pad">
                <div class="block-title">Cross-branding</div>
                <div class="block-desc">
                    {{ $text }}
                </div>
            </div>
            <div class="block__image">
                @if (isset($image) && is_object($image))
                    <div style="background-image: url({{ $image->full() }});" class="image__item left-pos"></div>
                @endif
            </div>
        </div>
    </div>
</section>