<div id="new_social_link_template" style="display: none">
<div class="social_link">
...
</div>
</div>
Потому что в javascript не очень удобно эскейпить многострочность.var regexp = new RegExp('replaceme', 'g');
var time = new Date().getTime(); // получили timestamp
var newSocialLinkHtml = $('#new_social_link_template').html();
newSocialLinkHtml = newSocialLinkHtml.replace(regexp, time);
$('#social_links').append(newSocialLinkHtml);
Правда это добавит в самый конец формы. Чтобы добавлять к другим social_link'ам, оберните их в контейнер и добавляйте в него. var bestCircleness = 0;
var bestX, bestY, bestRadius;
for (var x = 0; x < width; x++) {
for (var y = 0; y < height; y++) {
for (var radius = minRadius; radius <= maxRadius; radius++) {
var circleness = getCircleness(x, y, radius);
if (circleness > bestCircleness) {
bestCircleness = circleness;
bestX = x;
bestY = y;
bestRadius = radius;
}
}
}
}
Или проблему с освещением краев можно решить по другому? Если скажете как - буду счастлив.Попробуйте указать в .block (.img) background-color близкий среднему цвету картинки. Если я правильно понимаю, светлые края - не светлые, а прозрачные.
body .layer2 {
position: absolute;
width: 100%;
z-index: 100500;
}
function onTextChange() {
var textLength = $('.textHolder').text().length;
var fontSize = Math.min(12, (1000 / textLength) * 12);
//where 12 - typical font-size, 1000 - typical length
$('.textHolder').css('font-size', fontSize+'px');
{
.outerest {
width: 100%;
min-width: 800px;
overflow: hidden;
position: relative;
}
.outerest .outer {
width: 800px;
}
.outerest .outer .inner {
position: absolute;
width: 1000px;
}