Jump to content

Аксинья

Newbie
  • Posts

    13
  • Joined

  • Last visited

Everything posted by Аксинья

  1. День добрый. В проекте используется карусель carouFredSel. Галерея не циклическая, т.е. важен порядок элементов: именно c-a-r-o-u-F. По нажатию на Add item динамически создается элемент в конце списка. (Далее здесь будет ajax). Проблема в том, что, когда мы стоим на втором элементе, т.е. видим "a-r-o-u" и создаем новый элемент, карусель как будто перестаёт видеть первым элементом "с" и не может докрутить до него. Подскажите, как это можно исправить? Или в чем вообще моя ошибка? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html;charset=iso-8859-1" /> <meta name="author" content="caroufredsel.frebsite.nl" /> <title>carouFredSel: a circular, responsive jQuery carousel</title> <!-- include jQuery + carouFredSel plugin --> <script type="text/javascript" language="javascript" src="jquery-1.8.1.min.js"></script> <script type="text/javascript" language="javascript" src="jquery.carouFredSel-6.0.0.js"></script> <!-- optionally include helper plugins --> <script type="text/javascript" language="javascript" src="helper-plugins/jquery.mousewheel.min.js"></script> <script type="text/javascript" language="javascript" src="helper-plugins/jquery.touchSwipe.min.js"></script> <!-- fire plugin onDocumentReady --> <script type="text/javascript" language="javascript"> $(function() { var a = 1; // Scrolled by user interaction $('#foo2').carouFredSel( { circular: false, infinite: false, auto: false, prev: '#prev2', next: { button: '#next2', onEnd: function( d ) { return; } }, scroll: 1, items: { visible: 4, minimum: 4 } }); $('#li_add').click(function(){ $('#foo2').trigger("insertItem", ['<li>'+ (a) +'</li>', 'end', true]); a++; return false; }); }); </script> <style type="text/css" media="all"> html, body {padding: 0;margin: 0;} body, div, p {font-family: Arial, Helvetica, Verdana;color: #333;} body {background-color: #eee;} a, a:link, a:active, a:visited {color: black;text-decoration: underline;} a:hover {color: #9E1F63;} .list_carousel {background-color: #ccc;margin: 0 0 30px 60px;width: 290px;} .list_carousel ul {margin: 0;padding: 0;list-style: none;display: block;} .list_carousel li {font-size: 40px;color: #999;text-align: center;background-color: #eee;border: 5px solid #999; width: 50px;height: 50px;padding: 0;margin: 6px;display: block;float: left;} .clearfix {float: none;clear: both;} .prev {float: left;margin-left: 10px;} .next {float: right;margin-right: 10px;} </style> </head> <body> <div class="list_carousel"> <ul id="foo2"> <li class="first">c</li> <li>a</li> <li>r</li> <li>o</li> <li>u</li> <li>F</li> </ul> <div class="clearfix"></div> <a id="prev2" class="prev" href="#">&lt;</a> <a id="next2" class="next" href="#">&gt;</a> </div> <a href="" id="li_add">Add item</a> </body> </html> carouFredSel-6.0.0_my.zip
  2. день добрый прикручиваю к инпуту автозаполнение http://jqueryui.com/autocomplete/ подскажите, плиз, как сделать, чтобы по фокусу инпута выпадающий список открывался со всеми элементами сейчас он открывается при вводе символов, если конечно нашлось такое вхождение
  3. нашла подходящее решение вот здесь при выкладке на рабочий сайт возникли проблемы консоль ошибок выдает "Ошибка при анализе значения top. Потерянное объявление" document.getElementById("moving").style.top = y; подскажите, в чем проблема
  4. добрый день прошу совета, как реализовать такое желание заказчика: после загрузки страницы логотип сайта, переливаясь и немного увеличиваясь в размере, плавно движется вверх-вниз и возвращается обратно прокрутка страницы и ссылки (если логотип не сверху) должны работать как обычно 1) что нужно от дизайнера? какие требования? 2) есть ли какие-то наработки, готовые модули и куда вообще копать?
  5. добрый день в ie6 дивы растягивают родительский див, хотя задана его ширина как можно исправить? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title></title> <style> .d1{ width:300px !important; text-align:center; } .d1 div{ display:inline; margin:0 5px; font-size:40px; } </style> </head> <body> <div class="d1"> <div>123</div> <div>456</div> <div>78945345345345</div> <div>101</div> <div>555</div> </div> </body></html>
  6. спасибо огромное! всё получилось
  7. добрый день по дизайну нужно оформить элементы списка нестандартными маркерами есть код <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title></title> <style> li{ list-style-image:url('http://s008.radikal.ru/i306/1101/7f/c94199dd8d25.gif'); } </style> </head> <body> <ul> <li>123</li> <li>345</li> <li>567</li> </ul> </body></html> в опере маркер сдвинут вверх, а в мозилке прижат книзу подскажите плиз как сделать одинаково
  8. Great Rash, да, вариант, но меня как-то не радует все стили устанавливать через ЯС... В любом случае спасибо за ответы. Попробую.
  9. Тогда подскажите конкретно по задаче. Нужно реализовать форму для сбора e-mail'ов. В форме есть заголовок, описание, 2 текстовых поля (Имя, E-mail) и кнопка Подписаться. Внешний вид формы должен настраиваться. Т.е. в моем скрипте есть много селектов для выбора цвета, размера, названия шрифта и т.д. каждого элемента. В результате получаем некий html-код, который пользователи размещают у себя на сайте. Чтобы показать, пользователю, что он навыбирал, я и пыталась в первом примере поместить в див d1. Может тогда подскажите другой вариант как отобразить сгенерированный html-код?
  10. Плиз подскажите, как заставить работать в IE <html> <body> <div id="d1"></div> <script> document.getElementById("d1").innerHTML = '<style>#abc{color:red}</style><div id="abc">abc ABC abc</div>'; </script> </body> </html> В Опере всё ОК.
  11. благодарю за ответ. но похоже игра не стоит свеч...
  12. Добрый день. Плиз, дайте совет. Нужно для каждого элемента option применить свой шрифт. <select name="title_font_name" class="font_name"> <option value="Arial" style="font-family:Arial">Arial</option> <option value="Verdana" style="font-family:Verdana">Verdana</option> <option value="Tahoma" style="font-family:Tahoma">Tahoma</option> <option value="Times New Roman" style="font-family:Times New Roman">Times New Roman</option> </select> Не работает.
×
×
  • 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