Probleme de slider

Fermé
granulo Messages postés 2 Date d'inscription mercredi 20 août 2014 Statut Membre Dernière intervention 21 août 2014 - 20 août 2014 à 16:44
granulo Messages postés 2 Date d'inscription mercredi 20 août 2014 Statut Membre Dernière intervention 21 août 2014 - 21 août 2014 à 09:07
Bonjour,

J'ai un site dont je dois débugguer la version mobile. sur le slider, quand on resize la fenetre windows pour avoir la taille d'un mobile, le slider doit afficher une image par une image sauf que la première c'est OK, mais au passage de la deuxième, elle se partage l'espace avec la 3ème... J'y comprend rien là: Voici le site: http://merckel-informatique.fr/ et voici le theme utilisé http://demo.wellthemes.com/solaris/

Il tourne sous wordpress, theme solaris.
le code de l'implantation du slider est :
?php

if ( get_query_var('paged') ) {

$paged = get_query_var('paged');

} elseif ( get_query_var('page') ) {

$paged = get_query_var('page');

} else {

$paged = 1;

}



if ( wt_get_option( 'wt_show_ticker' ) == 1 ) {

get_template_part( 'includes/feat-ticker' );

}



if (is_page_template('page-featured.php')&& $paged < 2 ){





$wt_show_slider = get_post_meta($post->ID, 'wt_meta_show_slider', true);

if ( $wt_show_slider == 1 ){

get_template_part( 'includes/feat-slider' );

}

}

?>


et celui de Feat-slider.php :

<?php

$cat_id = get_post_meta($post->ID, 'wt_meta_slider_cat', true);

$slider_speed = get_post_meta($post->ID, 'wt_meta_slider_speed', true);

$custom = get_post_custom($post->ID);

$cf_url = (isset($custom["lien"][0]))?$custom["lien"][0] : "";



if (empty($slider_speed)){

$slider_speed = 5000;

}



$args = array(

'cat' => $cat_id,

'post_status' => 'publish',

'ignore_sticky_posts' => 1,

'posts_per_page' => 5

);



?>

<div id="slider-section" class="clearfix">

<script>

jQuery(document).ready(function($) {

$(".slider").show();

$('.slider').flexslider({

slideshow: true,

slideshowSpeed: <?php echo $slider_speed; ?>,

mousewheel: false,

keyboard: true,

controlNav: false,

directionNav: true,

controlsContainer: ".slider .slider-nav",

animation: "slide",

itemWidth: 270,

itemMargin: 10,

minItems: 2,

maxItems: 4,

move: 0,

});

});

</script>

<div class="inner-wrap">

<div class="slider">

<ul class="slides">

<?php $query = new WP_Query( $args ); ?>

<?php if ( $query -> have_posts() ) : ?>

<?php while ( $query -> have_posts() ) : $query -> the_post(); ?>

<?php if ( has_post_thumbnail()) { ?>

<li>

<div class="thumb">

<a href="<?php echo get_post_meta( get_the_ID(), 'lien', true ); ?>" >

<?php the_post_thumbnail( 'wt270_320' ); ?>

</a>

</div>



<div class="post-info">

<div class="inner">

<div class="post-header">

<div class="entry-cat">

<?php $category = get_the_category(); ?>

<h6><a href="<?php get_category_link( $category[0]-> id ); ?>"><?php echo $category[0]->cat_name; ?></a></h6>

</div>

<div class="title">

<h2><a href="<?php echo get_post_meta( get_the_ID(), 'lien', true ); ?>"><?php the_title(); ?></a></h2>

</div>

</div>

<div class="excerpt">

<?php

$excerpt = get_the_excerpt();

echo mb_substr($excerpt, 0, 150);

if (strlen($excerpt) > 149){

echo '...';

}

?>

</div>

</div>

</div>

</li>

<?php } ?>

<?php endwhile; ?>

<?php endif;?>

<?php wp_reset_query();?>

</ul>

<div class="slider-nav"></div>

</div>

</div>



</div>


Merci à tous pour votre aide, car je suis pas fortiche en wordpress et ca fait plus de 2 heures que je me creuse la tete... merci encore ;-)

2 réponses

animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 737
20 août 2014 à 19:26
salut en fait c'est le fait de resizer qui fait ca.
si tu resize et actualise le problème disparait
donc un mobile ne resize pas, il affiche tout de suite, le script récupère la résolution d'ecran et adapte le slider en conséquence donc la pas de problème je pense.
0
granulo Messages postés 2 Date d'inscription mercredi 20 août 2014 Statut Membre Dernière intervention 21 août 2014
21 août 2014 à 09:07
bonjour animostab.

Merci pour ta réponse. Je suis d'accord avec toi sur le principe sauf que quand je resize mon navigateur et que j'actualise, le probleme est toujours la. De plus, on a fait des tests sur des smartphone, et le probleme est bel et bien là.

J'avoues ne pas comprendre. des idées ?

Merci,

Emilie
0