Küçük Bir Js Sorusu (Filtreleme)

  1. KısayolKısayol reportŞikayet pmÖzel Mesaj
    visualeffects
    visualeffects's avatar
    Banlanmış Üye
    Kayıt Tarihi: 04/Nisan/2012
    Homo

    iyi geceler, videonun etiketine göre tıklayınca videoları listeleyen bir js kodu var ama ilk başta bütün videoları listeliyor 60-70 tane video olduğu için sayfanın açılması vs çok uzun sürüyor hepsi seçeneği seçiliyken hepsini değilde bi sayı kadar nasıl gösterebilirim? 

     

     

    //////////////// Masonry
    mr = (function (mr, $, window, document){
        "use strict";
        
        var documentReady = function($){
    
            $('.masonry').each(function(){
                var masonry = $(this);
                var masonryContainer = masonry.find('.masonry__container'),
                    filters          = masonry.find('.masonry__filters'),
                    // data-filter-all-text can be used to set the word for "all"
                    filterAllText    = typeof filters.attr('data-filter-all-text') !== typeof undefined ? filters.attr('data-filter-all-text') : "All",
                    filtersList;
                
                // If a filterable masonry item exists
                if(masonryContainer.find('.masonry__item[data-masonry-filter]').length){
                    
                    // Create empty ul for filters
                    filters.append('<ul></ul>');
                    filtersList = filters.find('> ul');
    
                    // Add a filter "all" option
                    filtersList.append('<li class="active" data-masonry-filter="*">'+filterAllText+'</li>');
    
                    // To avoid cases where user leave filter attribute blank
                    // only take items that have filter attribute
                    masonryContainer.find('.masonry__item[data-masonry-filter]').each(function(){
                        var masonryItem  = $(this),
                            filterString = masonryItem.attr('data-masonry-filter'),
                            filtersArray = [];
    
                        // If not undefined or empty
                        if(typeof filterString !== typeof undefined && filterString !== ""){
                            // Split tags from string into array 
                            filtersArray = filterString.split(',');
                        }
                        jQuery(filtersArray).each(function(index, tag){
                            // Add the filter class to the masonry item
                            masonryItem.addClass('filter-'+tag);
    
                            // If this tag does not appear in the list already, add it
                            if(!filtersList.find('[data-masonry-filter="'+tag+'"]').length){
                                filtersList.append('<li data-masonry-filter="'+tag+'">'+tag+'</li>');
                                
                            }
                        }); 
                    });
                }
                //End of "if filterable masonry item exists"

     

     

     

    hepsi seçilirken işleyen kod bu

    visualeffects tarafından 19/Eyl/16 00:45 tarihinde düzenlenmiştir
  2. KısayolKısayol reportŞikayet pmÖzel Mesaj
    visualeffects
    visualeffects's avatar
    Banlanmış Üye
    Kayıt Tarihi: 04/Nisan/2012
    Homo

    yukarı ∆

  3. KısayolKısayol reportŞikayet pmÖzel Mesaj
    visualeffects
    visualeffects's avatar
    Banlanmış Üye
    Kayıt Tarihi: 04/Nisan/2012
    Homo

    son kez up olsun

  4. KısayolKısayol reportŞikayet pmÖzel Mesaj
    camarade
    ontedi
    ontedi's avatar
    Kayıt Tarihi: 04/Eylül/2005
    Erkek

    Hocam ilgili li elementlerinin class değeri nedir?

     

    En iyi ihtimalle aklıma sayfa yüklenirken li elementlerinin ilk 20'sini göster deriz.


    Matematikçi ve Yazılımcı. http://www.ontedi.com ve http://www.cizgi.site Siteme beklerim herkesi.
  5. KısayolKısayol reportŞikayet pmÖzel Mesaj
    visualeffects
    visualeffects's avatar
    Banlanmış Üye
    Kayıt Tarihi: 04/Nisan/2012
    Homo
    <div class="main-container">
    					
    		<section class="masonry-contained">
    				<div class="container">
    					<div class="row">
    						<div class="masonry">
    							<div class="masonry__filters" data-filter-all-text="Hepsi"></div>
    							<div class="masonry__container masonry--animate masonry--active">
    								
    								<div class="col-sm-6 col-xs-12 masonry__item" data-masonry-filter="hyundai">
    									<iframe allowfullscreen="allowfullscreen" src="https://player.vimeo.com/video/169307425?autoplay=0"></iframe>
    								</div>
    								
    								<div class="col-sm-6 col-xs-12 masonry__item" data-masonry-filter="bosch">
    									<iframe allowfullscreen="allowfullscreen" src="https://player.vimeo.com/video/161462069?autoplay=0"></iframe>
    								</div>
    
    .
    .
    .
    

     

    visualeffects tarafından 19/Eyl/16 14:27 tarihinde düzenlenmiştir
Toplam Hit: 964 Toplam Mesaj: 5
javascript html js