JQuery - Ayuda programación jQuery

   
Vista:

Ayuda programación jQuery

Publicado por dani (1 intervención) el 24/11/2013 20:31:23
Hola a todos, gracias de antemano y os cuento mi caso:

Mi consulta es sobre esta plantilla de wordpress

http://livedemo00.template-help.com/wordpress_44951/portfolio/portfolio-4/

En la parte del menú donde pone portfolio, da 3 opciones: 2 columnas, 3 columnas y 4 columnas.
No se como hacer para poder poner 5, 6, o el numero que quiera!
La verdad es que no entiendo de programación, pero imagino que los tiros deben ir por esta parte del código:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
jQuery(document).ready(function($) {
    var $container = jQuery('#portfolio-grid'),
        filters = {};
 
    $container.imagesLoaded( function(){
        setColumnWidth();
        $container.isotope({
            itemSelector : '.portfolio_item',
            resizable : false,
            transformsEnabled : true,
            layoutMode: 'fitRows'
        });
    });
 
    function getNumColumns(){
 
        var $folioWrapper = jQuery('#portfolio-grid').data('cols');
 
        if($folioWrapper == '1col') {
            var winWidth = jQuery("#portfolio-grid").width();
            var column = 1;
            return column;
        }
 
        if($folioWrapper == '2cols') {
            var winWidth = jQuery("#portfolio-grid").width();
            var column = 2;
            if (winWidth<380) column = 1;
            return column;
        }
 
        else if ($folioWrapper == '3cols') {
            var winWidth = jQuery("#portfolio-grid").width();
            var column = 3;
            if (winWidth<500) column = 1;
            else if(winWidth>=500 && winWidth<788)  column = 2;
            else if(winWidth>=788 && winWidth<1160)  column = 3;
            else if(winWidth>=1160) column = 3;
            return column;
        }
 
        else if ($folioWrapper == '4cols') {
            var winWidth = jQuery("#portfolio-grid").width();
            var column = 4;
            if (winWidth<380) column = 1;
            else if(winWidth>=380 && winWidth<788)  column = 2;
            else if(winWidth>=788 && winWidth<1160)  column = 3;
            else if(winWidth>=1160) column = 4;
            return column;
        }
    }
 
    function setColumnWidth(){
        var columns = getNumColumns();
 
        var containerWidth = jQuery("#portfolio-grid").width();
        var postWidth = containerWidth/columns;
        postWidth = Math.floor(postWidth);
 
        jQuery(".portfolio_item").each(function(index){
            jQuery(this).css({"width":postWidth+"px"});
        });
    }
 
    function arrange(){
        setColumnWidth();
        $container.isotope('reLayout');
    }
 
    jQuery(window).on("debouncedresize", function( event ) {
        arrange();
    });
 
 
    // Filter projects
    $('.filter a').click(function(){
        var $this = $(this).parent('li');
        // don't proceed if already active
        if ( $this.hasClass('active') ) {
            return;
        }
 
        var $optionSet = $this.parents('.filter');
        // change active class
        $optionSet.find('.active').removeClass('active');
        $this.addClass('active');
 
        var group = $optionSet.attr('data-filter-group');
        filters[ group ] = $this.find('a').attr('data-filter');
        // convert object into array
        var isoFilters = [];
        for ( var prop in filters ) {
            isoFilters.push( filters[ prop ] )
        }
        var selector = isoFilters.join('');
        $container.isotope({ filter: selector });
 
        return false;
    });
});

Agradezco vuestra ayuda!
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder