Bonsoir à tous,
J'ai un diaporama fonctionnant via l'opacité (pas de slider) dont voici le script (malmené par mes soins, pardon à son EXCELLENT auteur ) :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<script>
var bgfade = '#bgfadewrap'; // variable globale
function background_init() {
  $(bgfade).css({'height':$(window).height()+'px','width':$(window).width()+'px'});
}
function background_anim() {
  var bg_H = $(bgfade).height();
  $(bgfade+' > div h1').first().css({'margin-top':(bg_H/0)+'px','opacity':'1','font-size':'100px'}).animate({'margin-top':'-'+(bg_H/0)+'px','opacity':'0','font-size':'100px'}, 2500);
    $(bgfade+' > div').first().appendTo(bgfade).fadeOut(2000);
    $(bgfade+' > div').first().fadeIn(2000);
    $(bgfade+' > div h1').first().css({'margin-top':(bg_H*0/0)+'px','opacity':'0','font-size':'100px'}).animate({'margin-top':(bg_H/0)+'px','opacity':'1','font-size':'100px'}, 2500);
    setTimeout(background_anim, 5000); // 5 secondes
}
$(window).on('load', function(){
  $(bgfade+' > div').hide();
  background_init();
  background_anim();
});
$(window).on('resize', function(){
  background_init();
});
</script>
Je souhaiterais qu'un div (hidden) slide vers la gauche lors de l'affichage de la photo, et se "referme" pour afficher un second div texte correspondant à la seconde photo etc...
Dans mon cas, #Polina correspond au texte que je souhaiterais voir "slider" (#bgfade1 affiche la première photo de mon diaporama)
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
  <div id="bgfade1">
    <div id="polina">
<h1>Polina</h1>
<p><Encore une page test</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur porta dictum turpis, eu mollis justo gravida ac. Proin non eros blandit, rutrum est a, cursus quam. Nam ultricies, velit ac suscipit vehicula, turpis eros sollicitudin lacus, at convallis mauris magna non justo. Etiam et suscipit elit. Morbi eu ornare nulla, sit amet ornare est. Sed vehicula ipsum a mattis dapibus. Etiam volutpat vel enim at auctor.</p>
<p>Aenean pharetra convallis pellentesque. Vestibulum et metus lectus. Nunc consectetur, ipsum in viverra eleifend, erat erat ultricies felis, at ultricies mi massa eu ligula. Suspendisse in justo dapibus metus sollicitudin ultrices id sed nisl.</p>
</div></div>
Cela est-il possible en partant du script d'origine ?
Merci pour votre aide et bonne soirée,
dh