[SOLUCIONADO] Problema con add_image_size

[madman_18]

Hola a todos!

Querría plantearos una duda...

Tengo varias propiedades declaradas con el add_image_size, pero a la hora de aplicarlo en wordpress no me funciona....

El código que tengo es el siguiente:

Código PHP:

add_theme_support( 'post-thumbnails' );
add_image_size('slider-mobile',320,200);
 

Sin embargo, cuando visualizo dichas imagenes no me salen de ese tamaño sino que el div en el que está (es un slider) está contínuamente adaptandose al cambiar entre imágenes y no entiendo por qué...

¿Alguno me puede guiar al respecto? Thanks! :D

Se me pasó poneros cómo lo aplico (se supone que es así no?)

Código PHP:

while ( have_posts() ) : the_post(); ?>
                 <?php the_post_thumbnail( 'slider-mobile' ); ?>
                 <?php endwhile;
 

[Nekko]

Posiblemente tu slider está redimensionando las imágenes, sería bueno ver un poco de código o la url de tu proyecto para poder asesorarte bien.

[madman_18]

Iniciado por Nekko

Posiblemente tu slider está redimensionando las imágenes, sería bueno ver un poco de código o la url de tu proyecto para poder asesorarte bien.

Ok, sin problemas.

Esto es el slider:

Código PHP:

<section id="galeria-fotosMobile">
    <article>
        <div id="contenedor-slider" class="theme-dark">
            <div class="ribbon"></div>
            <article id="slider-mobile">
                 <?php wp_reset_query();
                    switch($slug){
                        case 'productos' : query_posts('category_name=slider-productos');break;
                        case 'empresa' : query_posts('category_name=slider-empresa');break;
                        case 'servicos' : query_posts('category_name=slider-servicios');break;
                    }
                 while ( have_posts() ) : the_post(); ?>
                 <?php the_post_thumbnail('slider-mobile'); ?>
                 <?php endwhile; wp_reset_query();  ?>
            </article>
        </div>
    </article>
</section>
 

y el css que me afecta al bloque es

Código CSS:

#galeria-fotosMobile{display:block !important;width:400px;height:auto;padding-top: 60px;}
 

[Nekko]

No parece que ese CSS afecte a la imagen, y desde el JS?

[madman_18]

Iniciado por Nekko

No parece que ese CSS afecte a la imagen, y desde el JS?

el único JS que afecta al slider, o al contenedor del slider es este

Código Javascript:

$('#slider-mobile').nivoSlider({
            effect: 'fade', // Specify sets like: 'fold,fade,sliceDown'
            slices: 15, // For slice animations
            boxCols: 8, // For box animations
            boxRows: 4, // For box animations
            animSpeed: 500, // Slide transition speed
            pauseTime: 3000, // How long each slide will show
            startSlide: 0, // Set starting Slide (0 index)
            directionNav: true, // Next & Prev navigation
            controlNav: true, // 1,2,3... navigation
            controlNavThumbs: false, // Use thumbnails for Control Nav
            pauseOnHover: true, // Stop animation while hovering
            manualAdvance: false, // Force manual transitions
            prevText: 'Anterior', // Prev directionNav text
            nextText: 'Siguiente', // Next directionNav text
            randomStart: false, // Start on a random slide
            beforeChange: function(){}, // Triggers before a slide transition
            afterChange: function(){}, // Triggers after a slide transition
            slideshowEnd: function(){}, // Triggers after all slides have been shown
            lastSlide: function(){}, // Triggers when last slide is shown
            afterLoad: function(){} // Triggers when slider has loaded
    });
 

Es el que hay por defecto en nivo-slider...así que no creo que tenga mucho más allá :S :S :S

Lo único que se me ocurre es que sean las fotos..... las que he subido tienen tamaño de 440 × 264 .... así que se supone que al poner un add_image_size('img-sliderMobile',300,240); debería acortarlo no¿?

[Nekko]

NivoSlider redimensiona las imágenes al tamaño del contenedor que vos ya definiste con 400px de ancho. Cambiá el ancho de #slider-mobile

[madman_18]

Iniciado por Nekko

NivoSlider redimensiona las imágenes al tamaño del contenedor que vos ya definiste con 400px de ancho. Cambiá el ancho de #slider-mobile

Jo**** era ese contenedor el que me fastidiaba todo....... menos mal que te has dado cuenta porque yo ya estaba mirando 15 mil cosas menos eso xD.

Gracias por vuestra ayuda!