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

автор socroment Июнь 27th 2013, 11:03

Привет друзья! fun

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

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

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

Помогите.. если кто, разбирается в кодах.. где тут кроется заковыка?!

автор socroment Июль 5th 2013, 22:24

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

автор Ринкате Июль 5th 2013, 22:39

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

автор **Luz** Июль 9th 2013, 16:30

Всем привет! smile

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

автор **Dana Domirani** Июль 9th 2013, 19:18

У блоков обязательно должны быть разные идентификаторы: допустим, у первого 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>

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

автор socroment Июль 9th 2013, 20:35

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

автор **Dana Domirani** Июль 9th 2013, 22:07

Вот это —

Код:: <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>

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