محمود الحبشمتاح لمشاريع جديدة
  • أعماليأعمالي
  • الخدماتالخدمات
  • المختبرالمختبر
  • المقالاتالمقالات
  • تواصلتواصل
عمّان--:--EN
المقالات/لايف واير

بناء معرض صور مع Livewire v4

أنشئ معرض صور تفاعلي.

1 فبراير 2026دقيقة قراءةلايف وايرRead in English

في هذه الصفحة

  1. المكون

ابنِ معرض صور مع lightbox.

المكون

php
@php
new class extends Livewire\Component {
    public array $images = [];
    public ?int $activeIndex = null;
    
    public function open(int $index): void
    {
        $this->activeIndex = $index;
    }
    
    public function close(): void
    {
        $this->activeIndex = null;
    }
    
    public function next(): void
    {
        $this->activeIndex = ($this->activeIndex + 1) % count($this->images);
    }
    
    public function prev(): void
    {
        $this->activeIndex = ($this->activeIndex - 1 + count($this->images)) % count($this->images);
    }
}
@endphp
كل المقالات

تابع القراءة

  • التفويض في مكونات Livewire v41 فبراير 2026دقيقة قراءة
  • مترجم Blaze المسبق: مكاسب أداء هائلة في Livewire v41 فبراير 2026دقيقة قراءة
  • بناء ميزة الإشارات المرجعية مع Livewire v41 فبراير 2026دقيقة قراءة