KULLANICI ADI : ŞİFRE Şifremi Unuttum*

Anasayfa İLLEG4L BANK KREDİ SATIN AL İLLEG4LİZM RAP Sub Domain Bulucu Arama Yap Yeni Konular Bugünki Konular

Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5
PHP Responsive Yönetilebilir Resim Galerisi
Konu : PHP Responsive Yönetilebilir Resim Galerisi - 26.08.2015, 02:05
Mesaj: #1
Piyasada çok aranan bir konudur. Yönetilebilir resim galerisi , fakat benim için önemli olan modern bir responsive galeriydi. Bende bir tane bulup hemen işe koyuldum;

Demosu: Tıkla
İndir: Tıkla

Şimdi Şablonumuzu indirdik.
Hemen .zip'den çıkarıp index.html dosyamızın uzantısını .php yapıyoruz. ve şu class'ın içinde class="es-carousel" içinde sadece bir tane <li> bırakıyoruz. 


Örnek olarak;
<li><a href="#"><img src="images/thumbs/1.jpg" data-large="images/1.jpg" alt="image01" data-description="From off a hill whose concave womb reworded" /></a></li>

Şimdi es carousel içinde birtane li etiketi bıraktık bunu bir inceleyelim;


[ul]
[li]img src="images/thumbs/1.jpg" Küçük fotoğrafı burdan çekiyor.[/li]
[li]data-large="images/1.jpg" büyük fotoğrafı burdan çekiyor.[/li]
[li]alt=google ordaki ada göre görselleri indexler.[/li]
[li]data-description= resimin altında üstünde çıkan metin.[/li]
[/ul]

Şimdi en basit olarak bize gerekli olan , Büyük resim ve Küçük resimi Mysql üzerinden döngüye almak;



Kod:
                                        <?php
                                            $sorgugaoos=mysql_query("select * from TABLOADİ ORDER BY id DESC");
                                            if (mysql_num_rows($sorgugaoos)){
                                                
                                                while($kayit=mysql_fetch_array($sorgugaoos)){
                                                    
                                                    
 echo '<li><a href="#"><img src="'.$kayit["KOLONADI"].'"width="80" height="80" data-large="'.$kayit["KOLONADI"].'"/></a></li>';                        

                                                }
                                                
                                            }
                                        ?>


//select * from TABLOADİ ORDER BY id DESC = ŞU TABLODA ki öğeleri İD sıralamasına göre tersten sırala diyoruz. Yani Son eklenen en başta çıkar.
//img src="'.$kayit["KOLONADI"].'"width="80" height="80" data-large="'.$kayit["KOLONADI"].'" = Bunun açıklaması yukarıda var zaten : )


Ve artık Veritabanına kayıt ettirdiğimiz resimleri Responsive resim galerisinde sorunsuz bir şekilde kullanabilirsiniz.


Not: Seo ve Hız için Küçük resime style vermek yerine bir kolon açıp küçük resimleri oraya yazdırıp ordan çekebilirsiniz.


Eğer yapamazsanız bu konu altından sorunlarınızı dile getirebilirsiniz.

WWW Alıntı ile Cevapla
Konu : PHP Responsive Yönetilebilir Resim Galerisi - 26.08.2015, 11:26
Mesaj: #2
teşekürler denemek istiyorum bakalım

WWW Alıntı ile Cevapla
Konu : PHP Responsive Yönetilebilir Resim Galerisi - 26.08.2015, 15:58
Mesaj: #3
Yapamazsan bu konu altından yardımcı olabilirim kardeşim veya pm atarsan.

WWW Alıntı ile Cevapla
Konu : PHP Responsive Yönetilebilir Resim Galerisi - 01.10.2015, 22:25
Mesaj: #4
bakalım

WWW Alıntı ile Cevapla
Konu : PHP Responsive Yönetilebilir Resim Galerisi - 06.10.2015, 19:46
Mesaj: #5
Saolun

WWW Alıntı ile Cevapla
Konu : PHP Responsive Yönetilebilir Resim Galerisi - 24.10.2015, 18:34
Mesaj: #6
saolasın

WWW Alıntı ile Cevapla
Konu : PHP Responsive Yönetilebilir Resim Galerisi - 07.11.2015, 21:00
Mesaj: #7
ergegegrrege

WWW Alıntı ile Cevapla


Hızlı Menü:


Konuyu Okuyanlar: 1 Ziyaretçi
hd porno antalya escort türk ifşa porno izle türk ifşa porno samsun escort izmir escort ataşehir escort türk ifşa hd porno