Слайдер - Форум

Папка images содержит изображения размером 620 х 300 рх.
Наименования: rs1, rs2, rs3 (тип JPEG )
Для того, чтобы добавить в папку новые изображения, необходимо:
- открыть файловый менеджер и залить в папку слайдер - папка images свои изображения
Совет: чтобы не запутаться, наименования изображений оставить в такой виде rs1, rs2, rs3...и т.д.
Внимание! если Вы меняете тип изображения JPEG на другой, то вам необходимо менять в файле config путь на изображение.
_______________________________________________________________

папка js - загружается в файловый менеджер (подключает слайдер)
_______________________________________________________________

файл config - внимание! Данный файл редактируется только на рабочем столе редактором HTML или встроенным стандартным блокнотом.
Сам файл:

Code

<?xml version="1.0" encoding="utf-8" ?>

<cu3er>

       

       <settings>

         <auto_play>

           <defaults symbol="circular" time="10"/>

           <tweenIn x="600" y="260" width="35" height="35" tint="0xcc0000"/>

         </auto_play>

         <description>

           <defaults round_corners="10, 10, 10, 10"

         heading_text_size="20"

         heading_text_color="0xFFFFFF"

         paragraph_text_size="13"

         p aragr aph_te xt_col or="0x CCCCCC"/>

           <tweenIn x="1" y="200" width="620" height="90" alpha="0.15" />

           <tweenOver alpha="0.3"/>

         </description>

         <prev_button>

           <defaults round_corners="5,5,5,5"/>

           <tweenOver tint="0xFFFFFF" scaleX="1.1" scaleY="1.1"/>

           <tweenOut tint="0x000000" />

         </prev_button>

         <prev_symbol>

           <tweenOver tint="0x000000" />

         </prev_symbol>

         <next_button>

           <defaults round_corners="5,5,5,5"/>

           <tweenOver tint="0xFFFFFF"  scaleX="1.1" scaleY="1.1"/>

           <tweenOut tint="0x000000" />

         </next_button>

         <next_symbol>

           <tweenOver tint="0x000000" />

         </next_symbol>

       </settings>



       

       <slides>

         <slide>

           <url>http://koksat.do.am/slider/images/rs1.jpg</url>

        <link target="_blank">http://webstory.ucoz.net/</link>

         </slide>

         <transition num="4" direction="right" shader="flat" />

         <slide>

           <url>http://koksat.do.am/slider/images/rs2.jpg</url>

           <link target="_blank">http://webstory.ucoz.net/</link>

         </slide>

         <transition num="3" slicing="vertical" direction="down"/>

         <slide>

           <url>http://koksat.do.am/slider/images/rs3.jpg</url>

        <link target="_blank">http://webstory.ucoz.net/</link>

         </slide>

         <slide>

           <url>http://koksat.do.am/slider/images/rs1.jpg</url>

        <link target="_blank">http://webstory.ucoz.net/</link>

         </slide>

         <transition num="6" slicing="vertical" direction="up" shader="flat" delay="0.05" z_multiplier="4" />

         <slide>

           <url>images/rs2.jpg</url>

        <link target="_blank">http://webstory.ucoz.net/</link>

         </slide>

       </slides>

</cu3er>

Как редактировать?

Тут мы задаем определенные параметры по отображению самого слайдера (размер,скорость,цвет и т.д.)

Code

<settings>

         <auto_play>

           <defaults symbol="circular" time="10"/>

           <tweenIn x="600" y="260" width="35" height="35" tint="0xcc0000"/>

         </auto_play>

         <description>

           <defaults round_corners="10, 10, 10, 10"

         heading_text_size="20"

         heading_text_color="0xFFFFFF"

         paragraph_text_size="13"

         p aragr aph_te xt_color="0x CCCCCC"/>

           <tweenIn x="1" y="200" width="620" height="90" alpha="0.15" />

           <tweenOver alpha="0.3"/>

         </description>

         <prev_button>

           <defaults round_corners="5,5,5,5"/>

           <tweenOver tint="0xFFFFFF" scaleX="1.1" scaleY="1.1"/>

           <tweenOut tint="0x000000" />

         </prev_button>

         <prev_symbol>

           <tweenOver tint="0x000000" />

         </prev_symbol>

         <next_button>

           <defaults round_corners="5,5,5,5"/>

           <tweenOver tint="0xFFFFFF"  scaleX="1.1" scaleY="1.1"/>

           <tweenOut tint="0x000000" />

         </next_button>

         <next_symbol>

           <tweenOver tint="0x000000" />

         </next_symbol>

       </settings>

Далее в этом коде мы редактируем описание самих слайдов (Ссылки, изображения, эффекты)

Code

<slides>

       <slide>

         <url>http://koksat.do.am/slider/images/rs1.jpg</url>

      <link target="_blank">http://webstory.ucoz.net/</link>

       </slide>

       <transition num="4" direction="right" shader="flat" />

       <slide>

         <url>http://koksat.do.am/slider/images/rs2.jpg</url>

         <link target="_blank">http://webstory.ucoz.net/</link>

       </slide>

       <transition num="3" slicing="vertical" direction="down"/>

       <slide>

         <url>http://koksat.do.am/slider/images/rs3.jpg</url>

      <link target="_blank">http://webstory.ucoz.net/</link>

       </slide>

       <slide>

         <url>http://koksat.do.am/slider/images/rs1.jpg</url>

      <link target="_blank">http://webstory.ucoz.net/</link>

       </slide>

       <transition num="6" slicing="vertical" direction="up" shader="flat" delay="0.05" z_multiplier="4" />

       <slide>

         <url>images/rs2.jpg</url>

      <link target="_blank">http://webstory.ucoz.net/</link>

       </slide>

     </slides>

Подробнее об этой части кода:
- <slides> - открывающий тег слайдера
- </slides> - закрывающий тег слайдера
Пример: <slides>

<slide>

<url>http://kinoasian.at.ua/slider/images/rs1.jpg</url>

</slide>

</slides>

Ссылка на изображение: <url>http://kinoasian.at.ua/slider/images/rs1.jpg</url>

Ссылка на страницу: <link target="_blank">http://kinoasian.at.ua/</link>

Эффект: <transition num="4" direction="right" shader="flat" />
________________________________________________________________________

файл cu3er и файл slider заливаются в файловый менеджер (папка slider)