Discussion :

[nico le noob]

bonjour,

je suis sur un slidder qui donne du fil à retordre !!!

bon je viens de passer deux jours à me battre avec le css, mysql et php et j'y suis enfin arriver mais j'aimerai qu'il s'anime seul mais ma petite tete ne fonctionnne plus et je bloque comme un debile la dessus...

je file le script js:

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
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
<script type="text/javascript">
$(document).ready(function(){
  var currentPosition = 0;
  var slideWidth = 560;
  var slides = $('.slide');
  var numberOfSlides = slides.length;
 
  // Remove scrollbar in JS
  $('#slidesContainer').css('overflow', 'hidden');
 
  // Wrap all .slides with #slideInner div
  slides
    .wrapAll('<div id="slideInner"></div>')
    // Float left to display horizontally, readjust .slides width
	.css({
      'float' : 'left',
      'width' : slideWidth
    });
 
  // Set #slideInner width equal to total width of all slides
  $('#slideInner').css('width', slideWidth * numberOfSlides);
 
  // Insert controls in the DOM
  $('#slideshow')
    .prepend('<span class="control" id="leftControl">Clicking moves left</span>')
    .append('<span class="control" id="rightControl">Clicking moves right</span>');
 
  // Hide left arrow control on first load
  manageControls(currentPosition);
 
  // Create event listeners for .controls clicks
  $('.control')
    .bind('click', function(){
    // Determine new position
	currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
 
	// Hide / show controls
    manageControls(currentPosition);
    // Move slideInner using margin-left
    $('#slideInner').animate({
      'marginLeft' : slideWidth*(-currentPosition)
    });
  });
 
  // manageControls: Hides and Shows controls depending on currentPosition
  function manageControls(position){
    // Hide left arrow if position is first slide
	if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
	// Hide right arrow if position is last slide
    if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() }
  }	
});
</script>

je vais y arriver c'est sur mais si quelqu'un passe par là et comprend ce qu'il faut faire alors je suis preneur

merci

[danielhagnoul]

Bonsoir.

Pour déclencher l'événement personnel « click » dans l'espace de nom « slider » :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
$('.control').bind('click.slider', function(){
	$(this).css("color","red"); // action, exemple
 
	return false; // l'événement n'est pas transmis au DOM
});
 
$(".control").trigger("click.slider");

Il faut utiliser un espace de nom pour ne pas déclencher tous les événements du même nom. Pour la même raison, il serait préférable d'utiliser un autre nom d'événement. Par exemple : "slider.dvjh"

[nico le noob]

Merci de t'etre pencher sur le sujet daniel

je penchais plus sur une tout autre fonction qui n'a rien à voir avec celle ci bien plus complexe en fait avec conditions et incrémentation...

merci d'avoir pris un peu de ton temps la dessus