Добрый день !

У меня на сайте есть баннер. Там рисунки. И рисунки добавляются туда динамический. Из за этого стиль CSS не применяется сразу после загрузки страницы. А применяется после обновления. Пробовал сдеать рисунки статичными. То есть сразу вписать в код. Нет проблем. Стиль загружается первым. А рисунки добавляются потом.

За ранее спасибо.

Так что с динамическими рисунками ? Как сделать так что бы применялись ?

Вот код. Который добаляет динамический.
$.ajax({
type: "GET",
datatype: 'json',
url: "/Hdrs/MainHdr.ashx",
data: "Top40=" + "" + Top40Param + "",
success: function (data) {
var ul = document.getElementById('flexiselDemo3');

document.getElementById("flexiselDemo3").innerHTML = "";
$(data).each
(function (i) {
//а вообще есть ли рисунок ?
if (data[i].ObjImageName != "") {
var newLI = document.createElement('li');
ul.appendChild(newLI);

if ((data[i].CoorX.toString() != '') && (data[i].CoorY.toString() != '')) {
newLI.innerHTML = "<a HREF=#click onClick='setTypeAndPan(" + data[i].CoorX + "," + data[i].CoorY + ");return false'><img src='/Hdrs/MainHdr.ashx?ObjectID=" + data[i].ObjectID + "' alt='image01'/></a>";
}
else {
newLI.innerHTML = "<a HREF=' http://localhost:2200/MainMenu/ObjectDetails.aspx?ObjectID=" + data[i].ObjectID + "' target='_blank'><img src='/Hdrs/MainHdr.ashx?ObjectID=" + data[i].ObjectID + "' alt='image01'/></a>";
}
}
});

},
error: function (f, d, s) { debugger }
}); //-----------

Вот стиль.


p {
margin-bottom:20px;
}

.clearout {
height:20px;
clear:both;
}

#flexiselDemo3 {
display:none;
}

.nbs-flexisel-container {
position:relative;
max-width:100%;
}
.nbs-flexisel-ul {
position:relative;
width:9999px;
margin:0px;
padding:0px;
list-style-type:none;
text-align:center;
}

.nbs-flexisel-inner {
overflow:hidden;
float:left;
width:100%;
background:#fcfcfc;
background: #fcfcfc -moz-linear-gradient(top, #fcfcfc 0%, #eee 100%); /* FF3.6+ */
background: #fcfcfc -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#eee)); /* Chrome,Safari4+ */
background: #fcfcfc -webkit-linear-gradient(top, #fcfcfc 0%, #eee 100%); /* Chrome10+,Safari5.1+ */
background: #fcfcfc -o-linear-gradient(top, #fcfcfc 0%, #eee 100%); /* Opera11.10+ */
background: #fcfcfc -ms-linear-gradient(top, #fcfcfc 0%, #eee 100%); /* IE10+ */
background: #fcfcfc linear-gradient(top, #fcfcfc 0%, #eee 100%); /* W3C */
border:1px solid #ccc;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

.nbs-flexisel-item
{

float:left;
margin:0px;
padding:0px;
cursor:pointer;
position:relative;
line-height:0px;
}
.nbs-flexisel-item img {
width:110px;
height:110px;
cursor: pointer;
position: relative;
margin-top: 10px;
margin-bottom: 10px;
max-width:110px;
max-height:110px;
}

/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
width: 22px;
height: 22px;
position: absolute;
cursor: pointer;
z-index: 100;
opacity: 0.5;
}

.nbs-flexisel-nav-left {
left: 10px;
background: url(../../img/banner/button-previous.png) no-repeat;
}

.nbs-flexisel-nav-right {
right: 5px;
background: url(../../img/banner/button-next.png) no-repeat;
}


Одна проблема. Рисунки строятся в очередь по вертикали. Из за этого рамка растягивается по вертикали. Или на оборот. ХЗ.

Есть идея ?

Есть такой симптом. Если создать копию функции(функция1, фнкция2) и выполнить по очереди, то все норм. Рамка баннера на месте.