Autoviewer Image Gallerey

Опубликовал HaZarD 19.04.2024 в раздел: Другое | 0 комментов

Autoviewer Image Gallerey

Полноценная галерея изображений для вашего сайта
Установка: осуществляется по примеру (файл index.html)

Для начинающих:

1) На сайт загружаем файлы расположенные в архиве:
*папку images (полностью)
*gallerey.xml
*autoviewer.swf
*swfobject.js

2) Код:
<script type="text/javascript" src="/swfobject.js"></script>
<style type="text/css"> 
html {height: 100%;overflow: hidden;} 
#flashcontent {height: 100%;}
/* Если галарея не будет единственным объектом на странице то удалите слудующий код */
body {
height: 100%;
margin: 0;
padding: 0;
background-color: #181818;
color:#ffffff;
font-family:sans-serif;
font-size:40;
} 
a { 
color:#cccccc;
}
/* До сюда */
</style>

3) Редактируем   gallerey.xml, в этом файле непосредственно добавляем изображения

Пример:

<image>
  <url>/images/tall.jpg</url>   <!-- Здесь указываем путь к изображению -->
  <caption>Pellentesque turpis leo, dignissim ac, vestibulum quis, hendrerit quis, enim.</caption>   <!-- Здесь описание -->
  <width>465</width>  <!-- Ширина картинки -->
<height>700</height>  <!-- Высота картинки -->
</image>

4) И в завершении добавляем данный код в нужное вам место в <body>

<div id="flashcontent">AutoViewer requires JavaScript and the Flash Player.
<a href="http://www.macromedia.com/go/getflashplayer/">Get Flash here.</a> </div> 
<script type="text/javascript">
var fo = new SWFObject("autoviewer.swf", "autoviewer", "100%", "100%", "8", "#181818"); 

//Optional Configuration
//fo.addVariable("langOpenImage", "Open Image in New Window");
//fo.addVariable("langAbout", "About"); 
//fo.addVariable("xmlURL", "gallery.xml"); 

fo.write("flashcontent"); 

</script>

0 Комментариев