Signification d'un code

Signification d'un code - HTML/CSS - Programmation

Marsh Posté le 21-01-2012 à 16:42:09    

Bonjour,
 
Je suis entrain de réaliser un site pour des amis et je souhaite mettre un diaporama.
j'ai récupéré ce bout de code sur le site où je puise mon inspiration
        src:  'public/images/diaporama/accueil-01.jpg',
       href: '',
       from: '100% 80% 1x',
        to:   '100% 0% 1.5x',

        time: 3
 
pouvez vous me commenter les arguments en rouge
 
Merci de votre aide


Message édité par 86vomito33 le 24-01-2012 à 16:24:02
Reply

Marsh Posté le 21-01-2012 à 16:42:09   

Reply

Marsh Posté le 21-01-2012 à 17:30:20    

de ce que j'ai compris, l'image acceuil-01.jpg arrive en taille normal (1x) puis on zoom de 50%.
 
par contre je ne sais pas à quoi correspondent les 100%, 80% et 0%
 
une idée ?

Reply

Marsh Posté le 23-01-2012 à 02:57:30    

et si tu nous filais le reste du code car avec les 3 lignes de code qui se battente en duel c'est pas avec ça qu'on t'aidera.

 

Je suppose que tu as récupéré le code de cet endroit :
http://www.codingforums.com/archiv [...] 59179.html
et que tu veux intégrer ce diaporama : http://tobia.github.com/CrossSlide/


Message édité par gatsu35 le 23-01-2012 à 02:59:30

---------------
Blablaté par Harko
Reply

Marsh Posté le 23-01-2012 à 11:18:55    

merci gatsu35 de prendre le temps de me répondre
 
voici le code
 
  $(function() {
    $('#slideshow').crossSlide({
      fade: 1
    }, [
      {
        src:  'public/images/diaporama/la-carte-01.jpg',
        href: '',
        from: '100% 80% 1x',
        to:   '100% 0% 1.5x',
        time: 3
      }, {
        src:  'public/images/diaporama/la-carte-02.jpg',
        href: '',
        from: 'bottom right 1.5x',
        to:   'top left 1x',
        time: 3
      }, {
        src:  'public/images/diaporama/la-carte-03.jpg',
        href: '',
        from: '100% 80% 1x',
        to:   '100% 0% 1.5x',
        time: 3
      }, {
        src:  'public/images/diaporama/la-carte-04.jpg',
        href: '',
        from: '100% 80% 1.5x',
        to:   '80% 0% 1.1x',
        time: 3
      }, {
        src:  'public/images/diaporama/la-carte-05.jpg',
        href: '',
        from: '80% 100% 1.5x',
        to:   '100% 0% 1x',
        time: 3
      }, {
        src:  'public/images/diaporama/la-carte-06.jpg',
        href: '',
        from: 'bottom right',
        to:   'top center 1.5x',
        time: 3
      }, {
        src:  'public/images/diaporama/la-carte-07.jpg',
        href: '',
        from: '100% 0% 1.5x',
        to:   '100% 80% 1x',
        time: 3
      }, {
        src:  'public/images/diaporama/la-carte-08.jpg',
        href: '',
        from: '100% 80% 1.5x',
        to:   '80% 70% 1x',
        time: 3
      }, {
        src:  'public/images/diaporama/la-carte-09.jpg',
        href: '',
        from: '100% 80% 1.5x',
        to:   '80% 0%',
        time: 3
      }, {
        src:  'public/images/diaporama/la-carte-10.jpg',
        href: '',
        from: 'top right',
     to:   'bottom left 1.5x',
        time: 3
      }
    ]);
  });
</script>

Reply

Marsh Posté le 23-01-2012 à 11:28:54    

Quel est exactement ton problème ?
as-tu lu la doc de ce slideshow ?
Tu nous poses des questions et tu n'es même pas foutu de nous donner les informations pour y répondre, c'est un peu du foutage de gueule, j'ai du aller fouiller moi meme sur internet. Comment veux-tu que les gens t'aides si tu ne leur donnes aucune information


---------------
Blablaté par Harko
Reply

Marsh Posté le 23-01-2012 à 11:33:43    

il s'agit du ken burns effect
 
à noter que j'ai changé mon fusil d'épaule. Je vais repartir depuis zero.
il n'y avait pas de valeur ajouté à procéder comme je le faisais (copier/coller d'un site sans rien comprendre).  
Du coup ca prendra peut etre plus de temps.


Message édité par 86vomito33 le 23-01-2012 à 12:52:42
Reply

Marsh Posté le 23-01-2012 à 11:38:53    

mon problème est que je ne sais pas à quoi correspondent les 100% et 80%
Je suppose qu'il s'agit de position x et y mais je n'en suis pas sur
j'attends de votre part une confirmation ou si ce n'est pas le cas que vous m'expliquiez à quoi cela correspond.
 
Je vais voir sur internet si je trouve quelque chose


Message édité par 86vomito33 le 23-01-2012 à 11:46:43
Reply

Marsh Posté le 23-01-2012 à 13:06:49    

grace à ton lien http://tobia.github.com/CrossSlide/
 
j'ai pu comprendre à quoi correspondent ces arguments
 
merci


Message édité par 86vomito33 le 24-01-2012 à 16:23:47
Reply

Marsh Posté le 24-01-2012 à 16:27:15    

finalement je vais utilisé l'effet Slide and cross-fade
je suis le guide de mise en place (http://tobia.github.com/CrossSlide/) mais je bloque sur  
 

Code :
  1. Open a script tag, define a "document ready handler" and activate my plugin on the div you created in step 2:
  2. <script>
  3.   $(function() {
  4.     $('#slideshow').crossSlide({
  5.       sleep: 2,
  6.       fade: 1
  7.     }, [
  8.       { src: 'picture1.jpg' },
  9.       { src: 'picture2.jpg' },
  10.       { src: 'picture3.jpg' },
  11.       { src: 'picture4.jpg' }
  12.     ])
  13.   });
  14. </script>


 
qu'est ce qu'un script tag et comment fait on ca ?
 
merci


Message édité par 86vomito33 le 24-01-2012 à 16:27:49
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed