Laravel文章图片幻灯片

Question

我有一个Laravel项目，您可以在其中创建文章等。当然，我想让每张文章都包含多个图像的图像幻灯片。我设法通过爆裂将多个图像保存在数据库的一列中。 PICTURE

如何立即显示幻灯片？我不知道。

Answer 1

您只需要explode从数据库中获取数据，然后显示它

$images = explode('|', $post->image);

@foreach ($images as $image)
   <img src="{{ url($image) }} alt="image" />
@endforeach

然后，您可以使用OwlCarousel https://owlcarousel2.github.io/OwlCarousel2/创建幻灯片。

您可以使用此示例https://owlcarousel2.github.io/OwlCarousel2/demos/basic.html

创建一个基本的滑块

示例：在刀片视图中

<div class="owl-carousel owl-theme">
    @foreach (explode('|', $post->image) as $image)
       <div class="item"><img src="{{ url($image) }} alt="image" /></div>
    @endforeach
</div>

Answer 2

简短的答案是@Sang Nguyen发布的答案：implode()的反义词是explode()。

但是我将添加一种更类似于“ Laravel”的方式：

假设您拥有Article模型，请添加访问器：

class Article extends Model {
    ...
    public function getImagesListAttribute() {
        return collect(explode('|', $this->images));
    }
    ...
}

然后：

$article = Article::find(1);

var_dump($article->images_list); //would be a Collection of strings (which are your image names)

有关访问者的更多信息：https://laravel.com/docs/5.6/eloquent-mutators#defining-an-accessor

有关收藏的更多信息：https://laravel.com/docs/5.6/collections