Probleme de slider
granulo
Messages postés
2
Date d'inscription
Statut
Membre
Dernière intervention
-
granulo Messages postés 2 Date d'inscription Statut Membre Dernière intervention -
granulo Messages postés 2 Date d'inscription Statut Membre Dernière intervention -
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 ;-)
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 ;-)
A voir également:
- Slider.kz ne fonctionne plus
- Wow slider - Télécharger - Présentation
- 3D Ball Slider - Télécharger - Arcade
- Problème de transfert slider qui ne veut plus se charger - Forum Wordpress
- Décalage sur un Slider ou (Scrollbar) - Forum VB / VBA
- Aide slider calcul prix WP ✓ - Forum Wordpress
2 réponses
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.
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.
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
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