Пятница, 11.07.2025, 17:29
Меню сайта
    Форма входа
    Категории раздела
    скрипты для ucoz сайта [3099]
    шаблоны для ucoz скачать [2660]
    Иконки групп для форума [25]
    Графика для сайта [1953]
    шаблоны psd для фотошопа [27]
    кисти для фотошопа [39]
    уроки фотошопа на русском языке [4]
    стили для фотошопа [3]
    шрифты для фотошопа cs4 [12]
    Web-master [3058]
    Поиск
    Календарь
    «  Май 2009  »
    Пн Вт Ср Чт Пт Сб Вс
        123
    45678910
    11121314151617
    18192021222324
    25262728293031
    Архив записей
    Наш опрос
    Умеете ли вы писать скрипты для ucoz?
    Всего ответов: 73
    Мини-чат
    200
    Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz
  • Статистика

    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    Главная » 2009 » Май » 1 » Карусель из картинок
    22:55
    Карусель из картинок
    Вставляем между <body></body>
    Code
    <!--fantasyflash.ru-->  
    <script type="text/javascript">  
      var Car_Image_Width=100;  
      var Car_Image_Height=100;  
      var Car_Border=true;  
      var Car_Border_Color="#BCBFFF";  
      var Car_Speed=10;  
      var Car_Direction=true;  
      var Car_NoOfSides=6;  
      Car_Image_Sources=new Array(  
      "ссылка на картинку","",  
      "ссылка на картинку","",  
      "ссылка на кртинку","",  
      "ссылка на картинку","",  
      "ссылка на картинку",""  
      );  
      CW_I=new Array(Car_NoOfSides/2+1);C_ClcW=new Array(Car_NoOfSides/2);  
      C_Coef=new Array(  
      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,  
      Math.PI/4,3*Math.PI/2,5*Math.PI/3,11*Math.PI/6,0,Math.PI/6,Math.PI/3);  
      var C_CoefOf=Car_NoOfSides==4?0:Car_NoOfSides==6?2:Car_NoOfSides==8?5:9;  
      C_Pre_Img=new Array(Car_Image_Sources.length);  
      var C_Angle=Car_Direction?Math.PI/(Car_NoOfSides/2):0,C_CrImg=Car_NoOfSides,C_MaxW,C_TotalW,  
      C_Stppd=false,i,C_LeftOffset,C_HalfNo=Car_NoOfSides/2;  
      function Carousel(){  
      if(document.getElementById){  
      for(i=0;i<Car_Image_Sources.length;i+=2){  
      C_Pre_Img[i]=new Image();C_Pre_Img[i].src=Car_Image_Sources[i]}  
      C_MaxW=Car_Image_Width/Math.sin(Math.PI/Car_NoOfSides)+C_HalfNo+1;  
      Car_Div=document.getElementById("Carousel");//osw  
      for(i=0;i<C_HalfNo;i++){  
      CW_I[i]=document.createElement("img");Car_Div.appendChild(CW_I[i]);  
      CW_I[i].style.position="absolute";  
      CW_I[i].style.top=0+"px";  
      CW_I[i].style.height=Car_Image_Height+"px";  
      if(Car_Border){  
      CW_I[i].style.borderStyle="solid";  
      CW_I[i].style.borderWidth=1+"px";  
      CW_I[i].style.borderColor=Car_Border_Color}  
      CW_I[i].src=Car_Image_Sources[2*i];  
      CW_I[i].lnk=Car_Image_Sources[2*i+1];  
      CW_I[i].onclick=C_LdLnk;  
      CW_I[i].onmouseover=C_Stp;  
      CW_I[i].onmouseout=C_Rstrt}  
      CarImages()}}  

      function CarImages(){  
      if(!C_Stppd){  
      C_TotalW=0;  
      for(i=0;i<C_HalfNo;i++){  
      C_ClcW[i]=Math.round(Math.cos(Math.abs(C_Coef[C_CoefOf+i]+C_Angle))*Car_Image_Width);  
      C_TotalW+=C_ClcW[i]}  
      C_LeftOffset=(C_MaxW-C_TotalW)/2;  
      for(i=0;i<C_HalfNo;i++){  
      CW_I[i].style.left=C_LeftOffset+"px";  
      CW_I[i].style.width=C_ClcW[i]+"px";  
      C_LeftOffset+=C_ClcW[i]}  
      C_Angle+=Car_Speed/720*Math.PI*(Car_Direction?-1:1);  
      if((Car_Direction&&C_Angle<=0)||(!Car_Direction&&C_Angle>=Math.PI/C_HalfNo)){  
      if(C_CrImg==Car_Image_Sources.length)C_CrImg=0;  
      if(Car_Direction){  
      CW_I[C_HalfNo]=CW_I[0];  
      for(i=0;i<C_HalfNo;i++)CW_I[i]=CW_I[i+1];  
      CW_I[C_HalfNo-1].src=Car_Image_Sources[C_CrImg];  
      CW_I[C_HalfNo-1].lnk=Car_Image_Sources[C_CrImg+1]}  
      else{ for(i=C_HalfNo;i>0;i--)CW_I[i]=CW_I[i-1];  
      CW_I[0]=CW_I[C_HalfNo];//fantasyflash.ru  
      CW_I[0].src=Car_Image_Sources[C_CrImg];  
      CW_I[0].lnk=Car_Image_Sources[C_CrImg+1]}  
      C_Angle=Car_Direction?Math.PI/C_HalfNo:0;C_CrImg+=2}}  
      setTimeout("CarImages()",50)}  
      function C_LdLnk(){if(this.lnk)window.location.href=this.lnk}  
      function C_Stp(){this.style.cursor=this.lnk?"pointer":"default";C_Stppd=true;}  
      function C_Rstrt(){C_Stppd=false}  
    </script><div id="Carousel" style="position:relative; width:130; height:21">

    Заменяем:

    Code
    <body>

    на:

    Code
    <body onload='carousel()'>

    Где написано ссылка на картинку,меняйте на свою ссылку с картинкой))))

    Пример

    Категория: скрипты для ucoz сайта | Просмотров: 860 | Добавил: _Wanted_ | Рейтинг: 5.0/1
    Всего комментариев: 5
    5 Евангелионна  
    0
    а можно поподробнее куда надо все это ставить?

    4 Tektonik_boy  
    0
    Смотрите как я предел! http://dj-viva.ucoz.com/

    3 _Wanted_  
    0
    а примера мало?

    2 Fox87  
    0
    а скрин ГДЕ???

    1 KILROY  
    0
    Хммм. С пивом потянет

    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]