Интересно, а зачем изобретать велосипед... если его уже кто-то придумал. Если очень мало времени на изучение Flash, но срочно нужна галерея на сайт, можно воспользоваться этим вариантом…, настраиваем xml файл, вставляем фотки и воооля, готово!!!
Здесь есть основной swf файл и к нему прилагается 1 xml-файл и две папки (images и sounds). В первой хранятся фотки, а во второй звуки. Все легко настроить под ваш вкус и даже добавить описание к каждой картинке!!!
Для тех кто знает как с этим работать – удачи, для тех кто видит лишь китайскую грамоту прошу… немного комментариев (еще проще ничего не трогать:) )
В таких кавычка <!-- --> находятся комментарии к строке, которая находится ниже самого комментария. Про xml ищите в F.A.Q. на нашем сайте…
Вот код xml файла:
<gallery>
<setup>
<!-- Дериктория папки с рисунками -->
<imgPath>images/</imgPath>
<!-- Если false, то значит слайд-шоу не включиться сразу при загрузке, если true, то при загрузке запустица автоматически -->
<slideshowOn>false</slideshowOn>
<!-- Скорость полосы прокрутки картинок -->
<thumbScrollSpeed>15</thumbScrollSpeed>
<!-- Загрузка индикотора вкл. Если false - то выкл. -->
<loadIndicatorOn>true</loadIndicatorOn>
<!-- Цвет индикатора загрузки -->
<loadIndicatorColor>0xFFFFFF</loadIndicatorColor>
<slideshowDelay>4</slideshowDelay>
<stopAutoOnClick>true</stopAutoOnClick>
<!-- Рандомные изображения - false(откл.) true(вкл.) -->
<randomImages>false</randomImages>
<slideshowLoop>true</slideshowLoop>
<!-- Углы фона -->
<bgCorner>10</bgCorner>
<!-- Прозрачность фона -->
<bgAlpha>1</bgAlpha>
<!-- Цвет фона -->
<bgColor>0xFFFFFF</bgColor>
<!-- Растягивание -->
<imgScaleMode>scaleToAreaWidth</imgScaleMode>
<!-- Изображения вертикаль сверху -->
<imgScaleAlignVert>top</imgScaleAlignVert>
<!-- Изображения горизонталь снизу -->
<imgScaleAlignHor>center</imgScaleAlignHor>
<!-- Углы Маски -->
<imgMaskCorner>10</imgMaskCorner>
<!-- Прозрачность -->
<imgAlpha>1</imgAlpha>
<!-- Тени включены, false (выкл.) -->
<imgShadowOn>true</imgShadowOn>
<!-- Дистанция тени 4 -->
<imgShadowDistance>4</imgShadowDistance>
<!-- Размер тени картинки -->
<imgShadowSize>4</imgShadowSize>
<!-- Радиус -->
<imgShadowAngle>90</imgShadowAngle>
<!-- Шрифт описания изображения -->
<imgCaptionFont>Verdana</imgCaptionFont>
<!-- Цвет опиания изображения -->
<imgCaptionColor>0xFFFFFF</imgCaptionColor>
<!-- Размер текста описания -->
<imgCaptionSize>10</imgCaptionSize>
<!-- Прозрачность текста -->
<imgCaptionAlpha>0.7</imgCaptionAlpha>
<!-- Позиция кнопок -->
<imgCaptionPosition>bottom</imgCaptionPosition>
<!-- Фон -->
<imgCaptionBgColor>0x000000</imgCaptionBgColor>
<!-- Прозрачность -->
<imgCaptionBgAlpha>0.3</imgCaptionBgAlpha>
<imgCaptionShadowOn>true</imgCaptionShadowOn>
<imgCaptionShow>onRollOver</imgCaptionShow>
<!-- Настройки основной картинки... -->
<transitionEffect>zoom</transitionEffect>
<transitionStartPoint>right</transitionStartPoint>
<transitionDirection>horizontal/ccw</transitionDirection>
<transitionRotateDegrees>820</transitionRotateDegrees>
<transitionIrisShape>square</transitionIrisShape>
<transitionPixelDissolveSize>10</transitionPixelDissolveSize>
<transitionEasingType>strong</transitionEasingType>
<transitionEasingFunction>out</transitionEasingFunction>
<transitionTime>1</transitionTime>
<!-- Высота предпросматривающих картинок -->
<thumbWidth>40</thumbWidth>
<!-- Ширина предпросматривающих картинок -->
<thumbHeight>30</thumbHeight>
<!-- Маска углов предпросматривающих картинок -->
<thumbMaskCorner>5</thumbMaskCorner>
<!-- Для предпросмотра картинок -->
<spaceBetweenThumbs>10</spaceBetweenThumbs>
<thumbRowsCount>1</thumbRowsCount>
<thumbPosition>bottom</thumbPosition>
<thumbToImgSpace>15</thumbToImgSpace>
<thumbAlpha>0.5</thumbAlpha>
<thumbReflectionsOn>true</thumbReflectionsOn>
<thumbReflectionsAlpha>0.7</thumbReflectionsAlpha>
<thumbReflectionsHeight>20</thumbReflectionsHeight>
<thumbPreviewOn>true</thumbPreviewOn>
<thumbPreviewMaskCorner>5</thumbPreviewMaskCorner>
<thumbPreviewWidth>160</thumbPreviewWidth>
<thumbPreviewHeight>120</thumbPreviewHeight>
<thumbPreviewDistance>8</thumbPreviewDistance>
<thumbPreviewAlpha>0.9</thumbPreviewAlpha>
<thumbPreviewDelay>0.1</thumbPreviewDelay>
<thumbPreviewShowAnimationTime>1</thumbPreviewShowAnimationTime>
<thumbSoundOnRollover>sounds/over.mp3</thumbSoundOnRollover>
<thumbSoundOnClick>sounds/click.mp3</thumbSoundOnClick>
<thumbOutlineThick>1</thumbOutlineThick>
<thumbOutlineAlpha>1</thumbOutlineAlpha>
<thumbOutlineColor>0x000000</thumbOutlineColor>
<thumbOutlineColorRoll>0xFFFFFF</thumbOutlineColorRoll>
<thumbOutlineColorActive>0x8B0000</thumbOutlineColorActive>
<thumbShadowOn>true</thumbShadowOn>
<thumbShadowDistance>4</thumbShadowDistance>
<thumbShadowSize>4</thumbShadowSize>
<thumbShadowAngle>90</thumbShadowAngle>
<!-- Высота предпросматривающих картинок -->
<showButtonsOn>true</showButtonsOn>
<buttonsAlignVert>top</buttonsAlignVert>
<buttonsAlignHor>right</buttonsAlignHor>
<!-- Это адрес где находится фотография фона -->
<backgroundImgPath>images/bg.jpg</backgroundImgPath>
<backgroundImgAlpha>1</backgroundImgAlpha>
</setup>
<!-- Это первая фотография -->
<item>
<!-- Это адрес фотографии (он нужен для thumb, т.е. для маленького вида) -->
<thumb>1.jpg</thumb>
<!-- Это адрес фотографии (он нужен для img, т.е. для большого вида, адрес тот же что и у thumb) -->
<img>1.jpg</img>
<!-- Это описание фотографии -->
<caption>Art Flash Gallery создан на основе Adobe Flash (cs3) technology. Это поможет вам облегчить задачу по созданию собственной галереи.</caption>
</item>
<!-- Это конец первой фотографии -->
<item>
<thumb>2.jpg</thumb>
<img>2.jpg</img>
<caption>Art Flash Gallery создан на основе Adobe Flash (cs3) technology. Это поможет вам облегчить задачу по созданию собственной галереи.</caption>
</item>
<item>
<thumb>3.jpg</thumb>
<img>3.jpg</img>
<caption>Art Flash Gallery создан на основе Adobe Flash (cs3) technology. Это поможет вам облегчить задачу по созданию собственной галереи.</caption>
</item>
<item>
<thumb>4.jpg</thumb>
<img>4.jpg</img>
<caption>Art Flash Gallery создан на основе Adobe Flash (cs3) technology. Это поможет вам облегчить задачу по созданию собственной галереи.</caption>
</item>
<item>
<thumb>5.jpg</thumb>
<img>5.jpg</img>
<caption>Art Flash Gallery создан на основе Adobe Flash (cs3) technology. Это поможет вам облегчить задачу по созданию собственной галереи.</caption>
</item>
<item>
<thumb>6.jpg</thumb>
<img>6.jpg</img>
<caption>Art Flash Gallery создан на основе Adobe Flash (cs3) technology. Это поможет вам облегчить задачу по созданию собственной галереи.</caption>
</item>
<item>
<thumb>7.jpg</thumb>
<img>7.jpg</img>
<caption>Art Flash Gallery создан на основе Adobe Flash (cs3) technology. Это поможет вам облегчить задачу по созданию собственной галереи.</caption>
</item>
<item>
<thumb>8.jpg</thumb>
<img>8.jpg</img>
<caption>Art Flash Gallery создан на основе Adobe Flash (cs3) technology. Это поможет вам облегчить задачу по созданию собственной галереи.</caption>
</item>
<item>
<thumb>9.jpg</thumb>
<img>9.jpg</img>
<caption>Art Flash Gallery создан на основе Adobe Flash (cs3) technology. Это поможет вам облегчить задачу по созданию собственной галереи.</caption>
</item>
<item>
<thumb>10.jpg</thumb>
<img>10.jpg</img>
<caption>Art Flash Gallery создан на основе Adobe Flash (cs3) technology. Это поможет вам облегчить задачу по созданию собственной галереи.</caption>
</item>
<item>
<thumb>11.jpg</thumb>
<img>11.jpg</img>
<caption>Art Flash Gallery создан на основе Adobe Flash (cs3) technology. Это поможет вам облегчить задачу по созданию собственной галереи.</caption>
</item>
</gallery>
И помним, что изменяем только xml файл + добовляем и удоляем фотографии. Вырозим свою благодарность за созданную, прекрасную галерею создателям Исходник находится здесь >>>
|