облако картинок

Привет друзья!
использую у себя на форуме вот такое облако... КлаЦ
Но есть проблема...
я хочу продублировать облако, т.е. сделать два облака ..
НО, почему то картинки (во втором виджете) не хотят быть в облаке, а просто встают в ряд!



Пробовала js ставить для каждого облака и делала общий js
но вот не хочет работать и все тут..
Помогите.. если кто, разбирается в кодах.. где тут кроется заковыка?!

ну неужели ни у кого нет никаких мыслей, по моему вопросу ?

Может я и ошибаюсь, но дело кажись программистов.
У меня также не робит облака картинок/тегов, когда их более 2 штучег в виджетах.
Стоит написать об этом Luz

Всем привет!

Вообще говоря, скрипт "сторонний", к нам никакого отношения не имеет...
Я узнаю у Даны Домирани, с чем такое может быть связано, но вполне вероятно, что это уже особенности используемого скрипта.

У блоков обязательно должны быть разные идентификаторы: допустим, у первого myCanvasContainer, myCanvas и tags, у второго — myCanvasContainer2, myCanvas2 и tags2. В скрипте их тоже надо запускать по отдельности. Пример на фото Вашего форума :

Код:

<script src="http://planeta.omg-linux.ru/docs/tagcloud_icons/tagcanvas.min.js?1.16" type="text/javascript"></script>

<script type="text/javascript">
window.onload = function() {
try {
TagCanvas.Start('myCanvas','tags',{
textColour: '#2c639b',
outlineColour: '#5a7896',
depth: 0.21,
maxSpeed: 0.03,
shadow: "f3f3f3",
freezeActive: false
});
} catch(e) {
// something went wrong, hide the canvas container
document.getElementById('myCanvasContainer').style.display = 'none';
}
try {
TagCanvas.Start('myCanvas2','tags2',{
textColour: '#2c639b',
outlineColour: '#5a7896',
depth: 0.21,
maxSpeed: 0.03,
shadow: "f3f3f3",
freezeActive: false
});
} catch(e) {
// something went wrong, hide the canvas container
document.getElementById('myCanvasContainer2').style.display = 'none';
}
};
</script><div id="myCanvasContainer">
<canvas width="208" height="260" id="myCanvas" style="">
</canvas>
<center>
</center></div><div id="tags" style="display: none;">
<a href="http://www.tosa-style.com/t96-topic" title="Тайсон"><img src="http://i81.servimg.com/u/f81/18/06/87/57/dddndd11.jpg"></a>
<a href="http://www.tosa-style.com/t41-topic" title="Tadai z Horowych Bagien"><img src="http://i81.servimg.com/u/f81/18/06/87/57/tadai_11.jpg"></a>
<a href="http://www.tosa-style.com/t79-topic" title="Аполлон"><img src="http://i81.servimg.com/u/f81/18/06/87/57/dddddd10.jpg"></a>

</div><div id="myCanvasContainer2">
<canvas width="208" height="260" id="myCanvas2" style="">
</canvas>
<center>
</center></div><div id="tags2" style="display: none;">
<a href="http://www.tosa-style.com/t4-topic" title="Кимура"><img src="http://i81.servimg.com/u/f81/18/06/87/57/dddnnd10.jpg"></a>
<a href="http://www.tosa-style.com/t21-topic" title="ХАНТЕР"><img src="http://i81.servimg.com/u/f81/18/06/87/57/dydddd11.jpg"></a>
<a href="http://www.tosa-style.com/t402-topic" title="Юудай"><img src="http://i81.servimg.com/u/f81/18/06/87/57/nznddd10.jpg"></a>

</div>

Результат: два отдельных облака —

а как сделать 2 отдельных виджета? чет до меня так и не дошло ...

Вот это —

Код:

<script src="http://planeta.omg-linux.ru/docs/tagcloud_icons/tagcanvas.min.js?1.16" type="text/javascript"></script>

<script type="text/javascript">
window.onload = function() {
try {
TagCanvas.Start('myCanvas','tags',{
textColour: '#2c639b',
outlineColour: '#5a7896',
depth: 0.21,
maxSpeed: 0.03,
shadow: "f3f3f3",
freezeActive: false
});
} catch(e) {
// something went wrong, hide the canvas container
document.getElementById('myCanvasContainer').style.display = 'none';
}
try {
TagCanvas.Start('myCanvas2','tags2',{
textColour: '#2c639b',
outlineColour: '#5a7896',
depth: 0.21,
maxSpeed: 0.03,
shadow: "f3f3f3",
freezeActive: false
});
} catch(e) {
// something went wrong, hide the canvas container
document.getElementById('myCanvasContainer2').style.display = 'none';
}
};
</script>

— скрипт на два отдельных облака. ставите его в любой виджет.

А это — два отдельных кода.
Облако№1

Код:

<div id="myCanvasContainer">
<canvas width="208" height="260" id="myCanvas" style="">
</canvas>
<center>
</center></div><div id="tags" style="display: none;">
<a href="http://www.tosa-style.com/t96-topic" title="Тайсон"><img src="http://i81.servimg.com/u/f81/18/06/87/57/dddndd11.jpg"></a>
<a href="http://www.tosa-style.com/t41-topic" title="Tadai z Horowych Bagien"><img src="http://i81.servimg.com/u/f81/18/06/87/57/tadai_11.jpg"></a>
<a href="http://www.tosa-style.com/t79-topic" title="Аполлон"><img src="http://i81.servimg.com/u/f81/18/06/87/57/dddddd10.jpg"></a>

</div>

и облако№2

Код:

<div id="myCanvasContainer2">
<canvas width="208" height="260" id="myCanvas2" style="">
</canvas>
<center>
</center></div><div id="tags2" style="display: none;">
<a href="http://www.tosa-style.com/t4-topic" title="Кимура"><img src="http://i81.servimg.com/u/f81/18/06/87/57/dddnnd10.jpg"></a>
<a href="http://www.tosa-style.com/t21-topic" title="ХАНТЕР"><img src="http://i81.servimg.com/u/f81/18/06/87/57/dydddd11.jpg"></a>
<a href="http://www.tosa-style.com/t402-topic" title="Юудай"><img src="http://i81.servimg.com/u/f81/18/06/87/57/nznddd10.jpg"></a>

</div>

Заполняете их по своему усмотрению и ставите в любые виджеты (хоть в разные колонки).

  а я уже сама додумалась как сделать  
Все равно СПАСИБО ..

Огромное СПАСИБО!!!!
  

Socroment,
Темку можно закрывать?

Dana, конечно можно ...