Стили и файлы скриптов

<link href="images/style000.css" rel="stylesheet" type="text/css" /> -необязательный стиль
<link href="images/imageMen.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="images/mootools.js"></script>
<script type="text/javascript" src="images/imageMen.js"></script>

В том месте, где вы хотите видеть вашу галерею нужно вставить следующий список, предварительно помещенный в тег <div> со стилем "imageMenu".

<div id="imageMenu">
<ul>
<li class="landscapes"><a href="abstract.html">Landscapes</a></li>
<li class="people"><a href="avto.html" class="style1">Автомобиль</a></li>
<li class="nature"><a href="baterfl.html">Nature</a></li>
<li class="urban"><a href="http://www.aaronbirchphotography.com/">Urban</a></li>
<li class="abstract"><a href="http://www.aaronbirchphotography.com/">Abstract</a></li>
</ul>
</div>

После этого списка нужно вставить скрипт:

<script type="text/javascript">
window.addEvent('domready', function(){
var myMenu = new ImageMenu($$('#imageMenu a'),{openWidth:310, border:2, onOpen:function(e,i){location.href=(e);}});
});
</script>

 

 

Вернуться назад
на главную