Geliştirmesini yaptığım siteye bir çeşit durum özelliği eklemek istiyorum. Bunun için de bir çeşit algoritma kurdum kafamda.
Durumların gösterildiği yerlerde birden fazla resim bulunuyor. Alt alta <img> etiketi verdim. Bu etiketlere tıkladığımda da ekrana tam sığacak şekilde ayarladığım fixed bir div açığa çıkıyor. O divde de bir adet kapat butonu var ona bastığımda kapanıyor. Bu düzeni oluşturdum. Fakat oluşturamadığım bir olay var. Ben tıkladığım resmin divin içindeki sıra numarasını almam gerekiyor. böylece aynı sırada bulunan durum divinin içindeki görseli bana gösterecek. Bu işlemi nasıl yapabilirim. Tıkladığım <img> etiketinin div içindeki index numarasını alacağım ve durum divinin içindeki aynı index numarasına sahip resimi açacağım. Çözemediğim tek nokta burası şuan. İndex numarasını alabilirsem eğer önceki veya sonraki geçişlerde de index numarasını artırıp azaltarak diğer resimler arası geçiş yapabilirim. Bir de bu geçişle için toplam index numarasını bilmem gerek ki 0 dayken en büyük indexe gönderebileyim veya son indexteyken 0 a geçiş yaptıra bileyim.
Durumların gösterildiği yerlerde birden fazla resim bulunuyor. Alt alta <img> etiketi verdim. Bu etiketlere tıkladığımda da ekrana tam sığacak şekilde ayarladığım fixed bir div açığa çıkıyor. O divde de bir adet kapat butonu var ona bastığımda kapanıyor. Bu düzeni oluşturdum. Fakat oluşturamadığım bir olay var. Ben tıkladığım resmin divin içindeki sıra numarasını almam gerekiyor. böylece aynı sırada bulunan durum divinin içindeki görseli bana gösterecek. Bu işlemi nasıl yapabilirim. Tıkladığım <img> etiketinin div içindeki index numarasını alacağım ve durum divinin içindeki aynı index numarasına sahip resimi açacağım. Çözemediğim tek nokta burası şuan. İndex numarasını alabilirsem eğer önceki veya sonraki geçişlerde de index numarasını artırıp azaltarak diğer resimler arası geçiş yapabilirim. Bir de bu geçişle için toplam index numarasını bilmem gerek ki 0 dayken en büyük indexe gönderebileyim veya son indexteyken 0 a geçiş yaptıra bileyim.
Son düzenleme: