ImagePicker.js

0
103
views

çoklu-resim-seçme
Web sayfalarına eklenmiş olan resimler bildiğiniz üzere tıklandığında seçilme  gibi  bir özelliğe sahip değiller. Henüz  bunun için bir element yapılmamış olsa da Javascript geliştiriciler tarafından web sitelerindeki resimlerin tıklandığında seçilmesini sağlayan  jQuery eklentileri var bir kaç tane. ImagePicker de bunlardan bir tanesidir.

Sosyal arkadaşlık sitelerinde sık sık karşılaştığım  tek tek resim silme olayı benim için en çok sıkıntı yapan durumlardan bir tanesidir. Bu tarz örnekler kullanılıp toplu resimleri seçme özelliği olsa ve kolay bir şekilde silinebilse çok daha iyi olur bizim için. Sadece silme işlemler için de değil tabi, mesela WordPress’ yeni bir yazı eklerken resimleri toplu bir şekilde bu örnekte olduğu gibi seçip yazı içine ekleyebiliyoruz.

ImagePicker uygulamasında tek tek resim seçme dışında bir kaç tane daha ayarı bulunuyor.  Çoklu, sınırlı sayıda ve limite ulaştığında uyarı vermesi gibi seçenekler bulunuyor. Kullanımı kolay ve yapacağınız işlemler basittir.  Bu eklentiyi kullanmak istediğiniz resimlerin adresini src= şeklinde değil de data-img-src= şeklinde ayarlamanız gerekiyor.

Kullanım

  1. Head etiketleri arasına eklemeniz gereken bölümler.

Js ve Css dosya adresleri : 

 JavaScript : 

Tekli:

Limitli :

Limit aşımı olduğunda uyarı vermesi :

  •  Body etiketleri arasına eklemeniz gereken bölüm.

Html resim kodları : 

Tek :

Çoklu :

Limitli :

Limit aşımı olduğunda uyarı vermesi :

 

CEVAP VER

Please enter your comment!
Please enter your name here