всем доброй ночи,
как можно привязать
<div class="lenta"></div>
к тегу <section>?
Есть у меня таблица, который генерируется скриптом яваскрипт, в левом краю чуть выше я поставил ленту "Новые поступления" (<div class="lenta"></div>), но когда меняется размер экрана то лента отходит от заданного места... попытался как-то привязать с помошью хтмл и css и чуть php, которыми владею боле-менее не помогло... видимо без яваскрипт не обойтись... буду рад советам и рекомендациям...
код:
<?
$rand_step_1 = "data-color='color-2'";
$rand_step_2 = "data-color='color-3' data-y='900' data-rotate-x='80'";
$rand_step_3 = "data-color='color-4' data-x='-100' data-z='1500' data-rotate='170'";
$rand_step_4 = "data-color='color-5' data-x='3000'";
$rand_step_5 = "data-color='color-1' data-x='4500' data-z='1000' data-rotate-y='45'";
?>
<div class="lenta"></div>
<section id="jms-slideshow" class="jms-slideshow">
<?foreach($arResult["ITEMS"] as $arItem):?>
<?
$this->AddEditAction($arItem['ID'], $arItem['EDIT_LINK'], CIBlock::GetArrayByID($arItem["IBLOCK_ID"], "ELEMENT_EDIT"));
$this->AddDeleteAction($arItem['ID'], $arItem['DELETE_LINK'], CIBlock::GetArrayByID($arItem["IBLOCK_ID"], "ELEMENT_DELETE"), array("CONFIRM" => GetMessage('CT_BNL_ELEMENT_DELETE_CONFIRM')));
?>
<div class="step" <?$num = mt_rand(1, 5); switch ($num) {case 1:echo $rand_step_1; break; case 2:echo $rand_step_2; break; case 3:echo $rand_step_3; break; case 4:echo $rand_step_4; break; case 5:echo $rand_step_5; break;}?>>
<div class="jms-content">
<h3><?=$arItem["NAME"]?></h3>
<p>
<?if(is_array($arItem["DISPLAY_PROPERTIES"]["CHARACTERISTIC"]["VALUE"])):?>
<?for($i=0; $i<=5; $i++):?>
<?=$arItem["DISPLAY_PROPERTIES"]["CHARACTERISTIC"]["VALUE"][$i]?> <?=$arItem["DISPLAY_PROPERTIES"]["CHARACTERISTIC"]["DESCRIPTION"][$i]?><br />
<?endfor;?>
<?else:?>
<?=$arItem["DISPLAY_PROPERTIES"]["CHARACTERISTIC"]["VALUE"]?> <?=$arItem["DISPLAY_PROPERTIES"]["CHARACTERISTIC"]["DESCRIPTION"]?><br />
<?endif?>
</p>
<a class="jms-link" href="<?=$arItem["DETAIL_PAGE_URL"]?>"><?=GetMessage('MORE');?></a>
</div>
<img src="<?=$arItem['DETAIL_PICTURE']['SRC']?>" />
</div>
<?endforeach;?>
</section>
<script type="text/javascript">
$(function() {
var jmpressOpts = {
animation : { transitionDuration : '0.8s' }
};
$( '#jms-slideshow' ).jmslideshow( $.extend( true, { jmpressOpts : jmpressOpts }, {
autoplay : true,
bgColorSpeed: '0.8s', // each step's bgcolor transition speed
animation : { transitionDuration : '1s' },
arrows : true,
dots : true, // shows/hides navigation dots/pages
interval : 3500 // time between transitions for the slideshow
}));
});
</script>
