Навигационная карта (облако ссылок) картинками
ДЕМО
[html]<iframe src="http://laktonika.narod.ru/oblako.html" frameborder="0" scrolling="no" height="170" width="170"></iframe>[/html]
<script type="text/javascript" src="http://orlenok2.do.am/swfobject.js"></script><div id="oblapics">
<a href="Ссылка для скачивания">
Ссылка на картинку </a>
<a href="Ссылка для скачивания">
Ссылка на картинку </a>
<a href="Ссылка для скачивания">
Ссылка на картинку </a>
<a href="Ссылка для скачивания">
Ссылка на картинку </a>
<a href="Ссылка для скачивания">
Ссылка на картинку </a>
<a href="Ссылка для скачивания">
Ссылка на картинку </a>
<a href="Ссылка для скачивания">
Ссылка на картинку </a>
<a href="Ссылка для скачивания">
Ссылка на картинку </a>
<a href="Ссылка для скачивания">
Ссылка на картинку</a>
<a href="Ссылка для скачивания">
Ссылка на картинку</a>
</div><script type="text/javascript"> var flashvars = {};flashvars.mode = 'images';eTagz = document.getElementById('oblapics').getElementsByTagName('A');flashvars.thumbcloud = '<images>';for (var i=0; eTagz[i]; ++i) flashvars.thumbcloud += '<image href=\'' + eTagz[i].getAttribute('href')+ '\' target=\'_self\'>'+ eTagz[i].innerHTML + '</image>';delete eTagz;flashvars.thumbcloud += '</images>';var params = {};params.wmode = 'transparent';params.bgcolor = '#FFFFFF';params.allowscriptaccess = 'always';var attributes = {};attributes.id = 'oblapics';attributes.name = 'thumbcloud';swfobject.embedSWF('http://orlenok.do.am/photowidget.swf', 'oblapics', '170', '170', '9.0.0', false, flashvars, params, attributes);</script>Теперь разберём настройки:
<script type="text/javascript"> var flashvars = {};flashvars.mode = 'images';eTagz = document.getElementById('oblapics').getElementsByTagName('A');flashvars.thumbcloud = '<images>';for (var i=0; eTagz[i]; ++i) flashvars.thumbcloud += '<image href=\'' + eTagz[i].getAttribute('href')+ '\' target=\'_self\'>'+ eTagz[i].innerHTML + '</image>';delete eTagz;flashvars.thumbcloud += '</images>';var params = {};params.wmode = 'transparent';params.bgcolor = '#FFFFFF';params.allowscriptaccess = 'always';var attributes = {};attributes.id = 'oblapics';attributes.name = 'thumbcloud';swfobject.embedSWF('http://orlenok.do.am/photowidget.swf', 'oblapics', '170', '170', '9.0.0', false, flashvars, params, attributes);</script>
Красное - цвет фона.
Синее - ширина и высота блока.
Теги: Облако ссылок, Навигация, Скрипты, JavaScript
Теги: Облако ссылок, Навигация, Скрипты, JavaScript
