Аксинья
-
Posts
13 -
Joined
-
Last visited
Аксинья's Achievements
Explorer (1/14)
0
Reputation
-
День добрый. В проекте используется карусель 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="#"><</a> <a id="next2" class="next" href="#">></a> </div> <a href="" id="li_add">Add item</a> </body> </html> carouFredSel-6.0.0_my.zip
-
день добрый прикручиваю к инпуту автозаполнение http://jqueryui.com/autocomplete/ подскажите, плиз, как сделать, чтобы по фокусу инпута выпадающий список открывался со всеми элементами сейчас он открывается при вводе символов, если конечно нашлось такое вхождение
-
нашла подходящее решение вот здесь при выкладке на рабочий сайт возникли проблемы консоль ошибок выдает "Ошибка при анализе значения top. Потерянное объявление" document.getElementById("moving").style.top = y; подскажите, в чем проблема
-
добрый день прошу совета, как реализовать такое желание заказчика: после загрузки страницы логотип сайта, переливаясь и немного увеличиваясь в размере, плавно движется вверх-вниз и возвращается обратно прокрутка страницы и ссылки (если логотип не сверху) должны работать как обычно 1) что нужно от дизайнера? какие требования? 2) есть ли какие-то наработки, готовые модули и куда вообще копать?
-
да, спасибо большое
-
добрый день в 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>
-
спасибо огромное! всё получилось
-
добрый день по дизайну нужно оформить элементы списка нестандартными маркерами есть код <!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> в опере маркер сдвинут вверх, а в мозилке прижат книзу подскажите плиз как сделать одинаково
-
Great Rash, да, вариант, но меня как-то не радует все стили устанавливать через ЯС... В любом случае спасибо за ответы. Попробую.
-
Тогда подскажите конкретно по задаче. Нужно реализовать форму для сбора e-mail'ов. В форме есть заголовок, описание, 2 текстовых поля (Имя, E-mail) и кнопка Подписаться. Внешний вид формы должен настраиваться. Т.е. в моем скрипте есть много селектов для выбора цвета, размера, названия шрифта и т.д. каждого элемента. В результате получаем некий html-код, который пользователи размещают у себя на сайте. Чтобы показать, пользователю, что он навыбирал, я и пыталась в первом примере поместить в див d1. Может тогда подскажите другой вариант как отобразить сгенерированный html-код?
-
Плиз подскажите, как заставить работать в 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> В Опере всё ОК.
-
благодарю за ответ. но похоже игра не стоит свеч...
-
Добрый день. Плиз, дайте совет. Нужно для каждого элемента 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> Не работает.