Toplu resim insert

11.10.2016 09:28

Flawless Üyeliği Durdurulmuş Banlı Kullanıcı

Üyelik 25.10.2013
Yaş/Cinsiyet 41 / E
Meslek Php Coder
Konum Antalya

Ad Soyad K** I**
Mesajlar 476
Beğeniler 22 / 87
Ticaret 7, (%100)

   _frame.on( 'select', function(){

                        var attachment = _frame.state().get( 'selection' ).first().toJSON();

                        $el.find('.entry-image').html( '' );

                        $el.find('.entry-image').attr('data-img', attachment.id);

                        $el.addClass('has-image');

                    } );

merhaba arkadaşlar burada takıldım kaldım burada seçilen resimlerin ilkini alıyor sadece ben seçilen tüm resimleri insert etsin istiyorum. jquery bilgim çok fazla yok malesef. yardımcı olabilirseniz sevinirim.

11.10.2016 14:16

#2

adnan358 WM Aracı Kullanıcı

Üyelik 14.08.2016
Yaş/Cinsiyet 28 / E
Meslek Web Developer
Konum İzmir

Ad Soyad A** B**
Mesajlar 159
Beğeniler 54 / 42
Ticaret 1, (%100)

var attachment = _frame.state().get( 'selection' ).first() yerinde var attachment = _frame.state().get( 'selection' ).each() komutunu kullanırsan kaç tane resim varsa o kadar dönecektir arasınada senin kodları yazman kalıcaktır. Gooogle amcaya jQuery each loop yazarsan birçok döküman çıkacaktır karşına

11.10.2016 14:33

#3

Flawless Üyeliği Durdurulmuş Banlı Kullanıcı

Üyelik 25.10.2013
Yaş/Cinsiyet 41 / E
Meslek Php Coder
Konum Antalya

Ad Soyad K** I**
Mesajlar 476
Beğeniler 22 / 87
Ticaret 7, (%100)

adnan358 hocam arasındaki kodlar için yardımcı olsan vaktin varsa 2 gecedir uyku uyuyamıyorum bunun yuzunden

11.10.2016 14:40

#4

adnan358 WM Aracı Kullanıcı

Üyelik 14.08.2016
Yaş/Cinsiyet 28 / E
Meslek Web Developer
Konum İzmir

Ad Soyad A** B**
Mesajlar 159
Beğeniler 54 / 42
Ticaret 1, (%100)





_frame.on( 'select', function(){ 

        var attachment = _frame.state().get( 'selection' ).each(function(index, el) {

        //O an hangi resime geldiyse sıra onu json'a çeviriyor

        var resim = el.toJSON();



        //attachment yazan yerleri atadığımız resim ile değiştirdik

        $el.find('.entry-image').html( '' ); 

        $el.find('.entry-image').attr('data-img', resim.id); 

        $el.addClass('has-image'); 

        

        });

    });

Kodlardan pek emin değilim ama mantık bu şekilde, belki resim değişkenine gerek bile kalmadan el.attr(url), el.attr(id) ile direk de erişim sağlanabilir, kodların tamamını görmek gerek :)

11.10.2016 14:45

#5

Flawless Üyeliği Durdurulmuş Banlı Kullanıcı

Üyelik 25.10.2013
Yaş/Cinsiyet 41 / E
Meslek Php Coder
Konum Antalya

Ad Soyad K** I**
Mesajlar 476
Beğeniler 22 / 87
Ticaret 7, (%100)

adnan358 hocam

 $el.find('.browse-media').bind('click', function(e){
                e.preventDefault();
                var _button = $(this);
                if ( wp && wp.media && wp.media.editor ) {
                    // var send_attachment_bkp = window.wp.media.editor.send.attachment;
                    // window.wp.media.editor.send.attachment = function(props, attachment){
                    //     window.wp.media.editor.send.attachment = send_attachment_bkp;
                    //     $el.find('.entry-image').html( '' );
                    //     $el.find('.entry-image').attr('data-img', attachment.id);
                    //     $el.addClass('has-image');
                    // }
                    // window.wp.media.editor.open();

                    var _frame = wp.media({
                        button: {
                            text: "Resmi Ekle"
                        },
                        states: [
                            new wp.media.controller.Library({
                                title:     "Image",
                                library:   wp.media.query({ type: "image" }),
                                multiple:  true,
                                date:      false
                            })
                        ]
                    });

                    // When a file is selected, run a callback.
                    _frame.on( 'select', function(){ 
        var attachment = _frame.state().get( 'selection' ).each(function(index, el) {
        //O an hangi resime geldiyse sıra onu json'a çeviriyor
        var resim = el.toJSON();

        //attachment yazan yerleri atadığımız resim ile değiştirdik
        $el.find('.entry-image').html( '' ); 
        $el.find('.entry-image').attr('data-img', resim.id); 
        $el.addClass('has-image'); 
        
        });
    });


                    _frame.open();
                }
            });

        });

Ek Olarak: Not: gönderdiğiniz hali ile ekledim bu sefer hiç resim insert etmedi posta

11.10.2016 15:55

#6

MertKoseoglu Üyeliği Durdurulmuş Banlı Kullanıcı

Üyelik 12.07.2013
Yaş/Cinsiyet 28 / E
Meslek x
Konum Ankara

Ad Soyad M** K**
Mesajlar 659
Beğeniler 120 / 168
Ticaret 3, (%100)

Ben genelde bunu kullanıyorum. Taviye ederim.

11.10.2016 15:59

#7

Flawless Üyeliği Durdurulmuş Banlı Kullanıcı

Üyelik 25.10.2013
Yaş/Cinsiyet 41 / E
Meslek Php Coder
Konum Antalya

Ad Soyad K** I**
Mesajlar 476
Beğeniler 22 / 87
Ticaret 7, (%100)

MertKoseoglu hocam bu kod wordpress icerisnde portfolio eklerken tek resim ekliyor. bana multi insert etmesi gerekiyor

Toplu resim insert

Üye Girişi Yap