Секрет был прост, помещение дива в который грузятся данные из бд, еще в 1 див который в свою очередь позиционируется в нужном месте по высоте и ширине table, и переработка исходных 2-х css стилей в 1 маленький =), кто заинтересовался выложу архив - содержание = 1 страница, 2 css стиля и 2 js скрипта (1 на скрол, 1 сам jqerry)
Стиль для контейнера и слайдера выглядит следующим образом
Цитата:
<style type="text/css" media="screen">
.container { width:953px; height:auto; overflow:hidden; position:relative; cursor ointer; }
.slides { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; }
.slides li { position:absolute; top:0; width:953px; display:none; padding:0; margin:0; }
#loopedSlider,#newsSlider { margin:0 auto; width:953px; position:relative; clear:both; }
.slides li { padding-bottom:20px; }
ul.pagination { list-style:none; padding:0; margin:0; }
ul.pagination li { float:left; }
ul.pagination li a { padding:2px 4px; }
ul.pagination li.active a { background:blue; color:white; }
</style>
|
Краткость сестра таланта, по сравнению с 2 css стилями в варианте который я пытался подогнать под свои нужды =)
Решение кстати очень оригинальное вышло, прогрузка самого сайта значительно уменьшилась по времени, грузится все на лету.