Представленные ниже java скрипты и коды CSS необходимо расположить в файле между тегами HEAD:
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="http://vvfed1.ucoz.com/mycss/bg-rotate-slide-up-js.js"></script>
<script type="text/javascript">
$(document).ready(function(){
mainImageFlow();
});
</script>
<style>
body{margin:0;padding:0;}
#mainImageBox{position:relative;height:400px;margin-top:5px;margin-bottom:5px;margin-left:1%;}
#mainImageBox img{float:left;position:absolute;margin:0;padding:0;border:1px solid #6a39b3;}
#mainImageBox img.show{z-index:100}
.snapShot{margin:0;padding:9px;left:0;position:absolute;top:0;z-index:0;}
#mainImageBox #subNavBox{position:absolute;z-index:100;top:1px;left:1px;width:520px;height:400px;}
</style>
<script type="text/javascript" src="http://vvfed1.ucoz.com/mycss/bg-rotate-slide-up-js.js"></script>
<script type="text/javascript">
$(document).ready(function(){
mainImageFlow();
});
</script>
<style>
body{margin:0;padding:0;}
#mainImageBox{position:relative;height:400px;margin-top:5px;margin-bottom:5px;margin-left:1%;}
#mainImageBox img{float:left;position:absolute;margin:0;padding:0;border:1px solid #6a39b3;}
#mainImageBox img.show{z-index:100}
.snapShot{margin:0;padding:9px;left:0;position:absolute;top:0;z-index:0;}
#mainImageBox #subNavBox{position:absolute;z-index:100;top:1px;left:1px;width:520px;height:400px;}
</style>
Следующие коды HTML следует установить на странице между тегами BODY, где будут проецироваться фото:
<div id="mainImageBox">
<img src="http://адрес фото.jpg" width="500" class="snapShot show" />
<img src="http://адрес фото.jpg" width="500" class="snapShot" />
<img src="http://адрес фото.jpg" width="500" class="snapShot" />
<img src="http://адрес фото.jpg" width="500" class="snapShot" />
<img src="http://адрес фото.jpg" width="500" class="snapShot" />
</div>
<img src="http://адрес фото.jpg" width="500" class="snapShot show" />
<img src="http://адрес фото.jpg" width="500" class="snapShot" />
<img src="http://адрес фото.jpg" width="500" class="snapShot" />
<img src="http://адрес фото.jpg" width="500" class="snapShot" />
<img src="http://адрес фото.jpg" width="500" class="snapShot" />
</div>
Количество представляемых фото по желанию, они проецируются поочередно бесконечно, т.е. по окончании списка представление начинается с начала.
...Дерзайте...