vtiger CRM 5.0.2 : /modules/Products/Productsslide.js source

[Sommaire] [Imprimer]
   1  /***********************************************
   2  * Carousel Slideshow script- Â© Ger Versluis 2003
   3  * Permission granted to DynamicDrive.com to feature script
   4  * This notice must stay intact for legal use
   5  * Visit http://www.dynamicdrive.com/ for full source code
   6  ***********************************************/
   7  
   8  /********************************************************
   9    Create a div with transparent place holder in your html    
  10    <div id="Carousel" style="position:relative">
  11    <img src="placeholder.gif" width="404" height="202">
  12    </div>
  13    placeholder width:
  14    4 sided: 1.42 * carousel image width + 3
  15    6 sided: 2 * carousel image width +4
  16    8 sided: 2.62 * carousel image width + 5
  17    12 sided: 3.87 * carousel image width + 7
  18    placeholder height: 
  19    carousel image height+2
  20  
  21    Insert onload in body tag
  22    <body onload="Carousel()">    
  23   *********************************************************/
  24  
  25  // 7 variables to control behavior
  26  var Car_Image_Width=140;
  27  var Car_Image_Height=80;
  28  var Car_Border=true;        // true or false
  29  var Car_Border_Color="black";
  30  var Car_Speed=4;
  31  var Car_Direction=true;        // true or false
  32  
  33  /* array to specify images and optional links. 
  34     For 4 sided carousel specify at least 2 images
  35     For 6 sided carousel specify at least 3
  36     For 8 sided carousel specify at least 4
  37     For 12 sided carousel specify at least 6
  38     If Link is not needed keep it ""
  39   */
  40  /***************** DO NOT EDIT BELOW **********************************/
  41  CW_I=new Array(Car_NoOfSides/2+1);C_ClcW=new Array(Car_NoOfSides/2);
  42  C_Coef=new Array(
  43          3*Math.PI/2,0,3*Math.PI/2,11*Math.PI/6,Math.PI/6,3*Math.PI/2,7*Math.PI/4,    0,
  44          Math.PI/4,3*Math.PI/2,5*Math.PI/3,11*Math.PI/6,0,Math.PI/6,Math.PI/3);
  45  var C_CoefOf=Car_NoOfSides==4?0:Car_NoOfSides==6?2:Car_NoOfSides==8?5:9;
  46  C_Pre_Img=new Array(Car_Image_Sources.length);
  47  var C_Angle=Car_Direction?Math.PI/(Car_NoOfSides/2):0,C_CrImg=Car_NoOfSides,C_MaxW,C_TotalW,
  48                                                      C_Stppd=false,i,C_LeftOffset,C_HalfNo=Car_NoOfSides/2;
  49  
  50  function Carousel(){
  51      if(document.getElementById){
  52          for(i=0;i<Car_Image_Sources.length;i+=2){
  53              C_Pre_Img[i]=new Image();C_Pre_Img[i].src=Car_Image_Sources[i]}
  54          C_MaxW=Car_Image_Width/Math.sin(Math.PI/Car_NoOfSides)+C_HalfNo+1;
  55          Car_Div=document.getElementById("Carousel");
  56          Car_Div.style.height=Car_Image_Height+20+"px";
  57  
  58          for(i=0;i<C_HalfNo;i++){
  59              CW_I[i]=document.createElement("img");Car_Div.appendChild(CW_I[i]);    
  60              CW_I[i].style.position="absolute";
  61              CW_I[i].style.top=0+"px";
  62              CW_I[i].style.height=Car_Image_Height+"px";
  63              CW_I[i].valign="middle";
  64              if(Car_Border){
  65                  CW_I[i].style.borderStyle="solid";
  66                  CW_I[i].style.borderWidth=1+"px";
  67                  CW_I[i].style.borderColor=Car_Border_Color}
  68                  CW_I[i].src=Car_Image_Sources[2*i];
  69                  CW_I[i].lnk=Car_Image_Sources[2*i+1];
  70                  CW_I[i].onclick=C_LdLnk;
  71                  CW_I[i].onmouseover=C_Stp;
  72                  CW_I[i].onmouseout=C_Rstrt}
  73                  CarImages()}}
  74  
  75  				function CarImages(){
  76                      if(!C_Stppd){
  77                          C_TotalW=0;
  78                          for(i=0;i<C_HalfNo;i++){
  79                              C_ClcW[i]=Math.round(Math.cos(Math.abs(C_Coef[C_CoefOf+i]+C_Angle))*Car_Image_Width);
  80                              C_TotalW+=C_ClcW[i]}
  81                              C_LeftOffset=(C_MaxW-C_TotalW)/2;
  82                              for(i=0;i<C_HalfNo;i++){
  83                                  CW_I[i].style.left=C_LeftOffset+"px";
  84                                  CW_I[i].style.width=C_ClcW[i]+"px";
  85                                  C_LeftOffset+=C_ClcW[i]}
  86                                  C_Angle+=Car_Speed/720*Math.PI*(Car_Direction?-1:1);
  87                                  if((Car_Direction&&C_Angle<=0)||(!Car_Direction&&C_Angle>=Math.PI/C_HalfNo)){
  88                                      if(C_CrImg==Car_Image_Sources.length)C_CrImg=0;
  89                                      if(Car_Direction){
  90                                          CW_I[C_HalfNo]=CW_I[0];
  91                                          for(i=0;i<C_HalfNo;i++)CW_I[i]=CW_I[i+1];
  92                                          CW_I[C_HalfNo-1].src=Car_Image_Sources[C_CrImg];
  93                                          CW_I[C_HalfNo-1].lnk=Car_Image_Sources[C_CrImg+1]}
  94                                      else{    for(i=C_HalfNo;i>0;i--)CW_I[i]=CW_I[i-1];
  95                                          CW_I[0]=CW_I[C_HalfNo];
  96                                          CW_I[0].src=Car_Image_Sources[C_CrImg];
  97                                          CW_I[0].lnk=Car_Image_Sources[C_CrImg+1]}
  98                                          C_Angle=Car_Direction?Math.PI/C_HalfNo:0;C_CrImg+=2}}
  99                                          setTimeout("CarImages()",50)}
 100  
 101  										function C_LdLnk(){if(this.lnk)window.open(this.lnk,"test","width=600,height=400,resizable=1,scrollbars=1")}
 102  										function C_Stp(){this.style.cursor=this.lnk?"pointer":"default";C_Stppd=true;}
 103  										function C_Rstrt(){C_Stppd=false}
Code source de vtiger CRM 5.0.2

/modules/Products/ -> Productsslide.js (source)
