Jump to content

SnAKEen

Newbie
  • Posts

    2
  • Joined

  • Last visited

SnAKEen's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. ВСЁ!!! тему мона закрыть, решил проблемму... у меня все енто дело было в теге <center> в немто как раз вся загвоздка и была... уважаемые модераторы Закройте или удалите
  2. Всем Здрям!!! Вот такой проблем нарисовалася: Есть у меня карусель картинок: <div id="carousel19" class="asp_caro" style="width: 753.016px; "> <div id="carousel-layer19" style="width: 3120px; margin-left: -126px; "> <div class="asp_carousel" id="test_121_19"> <div id="asp_body_121" style="text-align: center;"> <div id="asp_squ" style="text-align:center" title="922102">922102</div> <div id="asp_picture"><a href="xxx.xxx" id="hsm121" class="hs" onclick="return hs.expand(this, slideOptions);"><img src="xxx.xxx"></a></div> </div> </div> <div class="asp_carousel" id="test_121_19"> <div id="asp_body_121" style="text-align: center;"> <div id="asp_squ" style="text-align:center" title="922102">922102</div> <div id="asp_picture"><a href="xxx.xxx" id="hsm121" class="hs" onclick="return hs.expand(this, slideOptions);"><img src="xxx.xxx"></a></div> </div> </div> ................. </div> </div> Это стрелки прокрутки (при использовании jqurry): <table border="0" width="100%"><tbody><tr> <td align="left" width="50px" valign="bottom"> <a id="a19" href="java script:c_prev_loop19();" onmouseover="interval=setInterval(function(){c_prev_loop19()},100);" onmouseout="clearInterval(interval);"><<<<<</a></td> <td align="right" width="50px" valign="bottom"><a id="b19" href="java script:c_next_loop19();" onmouseover="interval=setInterval(function(){c_next_loop19()},100);" onmouseout="clearInterval(interval);">>>>>></a></td> </tr></tbody></table> Вот сам скрипт прокрутки: <script type="text/javascript"> var wiwi = 320; var c_num = 4; var c_total19 = 26; var c_maxwidth19 = 3120; var c_step19 = 30; var c_pos19 = 0; $(document).ready(function(){ $(function() { var wi19 = $(window).width(); $('#carousel19').width( wi19 + (((1024/wi19)/5)*wiwi)-wiwi );}); $(window).resize(function() { var wi19 = $(window).width(); if (wi19 <= 900) return; $('#carousel19').width( wi19 + (((1024/wi19)/5)*wiwi)-wiwi ); }); }); function c_prev_loop19() { if (c_pos19 <= 0) { return; } c_set19(--c_pos19); } function c_next_loop19() { if ((c_pos19 + 20) * c_step19 >= c_maxwidth19) { return; } c_set19(++c_pos19); } function c_set19(pos) { $('#').animate({ : -pos * c_step19 }, 0);} </script> Стили: .asp_carousel { text-align: center; width: 120px; float: left; } .asp_caro { /*width: 620px;*/ width: 720px; overflow: hidden; /*position: inherit;*/ } Основа карусели это то что у DIV'a(carousel-layer19) margin-left сдвигается в минус засечет этого получаем прокрутку. Дело в том что margin-left действительно изменяется при отработке скрипта, но вот визуально ничего не происходит. Почему вдруг так случилось не пойму, ведь одно время работало. Еще одну фишку нашел если у DIV'a(carousel-layer19) убрать параметр width элементы конечно сразу переносятся по строкам в ширину экрана, но зато визуально начинает реагировать на изменение margin-left Самое интересное что работает во всех браузерах, даже в капризном эксплорере (в котором я обычно такие баги и нахожу))) ) Может у кого есть свежая мысль??? Всем спасибо..
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy