SCHNITZER

<script type="text/javascript"> $(document).ready(function () { $('#square').delay(2000).fadeTo(800, 0.2); $('#square').fadeTo(500, 1.0); }); </script> Вот такая история. А теперь, я хочу, что бы этот эффект постоянно повторялся. Будет такой "эффект дыхания". Я понимаю, что тут "учи флеш", а как реализовать на jQuery или на JS? Сделал gif, много весит.

Я пользуюсь jQuery для этого. Немного странный способ, но у него есть большое преимущество - очень быстро грузится страница, т.к. необходимые данные загружаются по требованию. <script type="text/javascript"> $(document).ready(function () { $('#loading-page').click(function () { $(this).load('example.xml'); }) }); </script> Если подробней, пишите в скайп, разберемся. Ник: etere saturo

Проблема вот в чем. Есть на сайте контент, под ним полоса height:50px;. Если контент не на всю страницу, то он все равно будет внизу страницы. Если контента много, то он окажется после него, и будет скролится. Пример такой http://vk.osvita.org.ua/footer.htm Все понятно. Но. Как я понимаю, задавая элементам body, html {height:100%}, мы задаем главным элементам размер. Теперь. Посмотреть описание CSS width "Если родитель явно не указан, то в качестве процентной записи выступает окно браузера." Т.е. задавая размер этого footer 100%, он будет не на весь экран, а на 100% видимой области, что заметно, если уменьшить размер окна браузера меньше, чем элемент на странице. Появляется скролл, и 100% ширина становится шириной окна и обрывается. Я это написал, что бы обсудить, правильно ли я понимаю, как это происходит. ? А вопрос в том, как это пофиксить. Попробовал множесто приемов на скрипте и jQuery. Как я понял, они делают то же самое, проблема не уходит. Что делать? Или можно как-то побороть css?

Есть три блока, при нажатии блок исчезает на 50%. <div id='th1' style=' display:block; width:40px; height:40px; background:red;'></div> <div id='th2' style=' display:block; width:40px; height:40px; background:green;'></div> <div id='th3' style=' display:block; width:40px; height:40px; background:black;'></div> <script type="text/javascript"> $("#th1").click(function () { $(this).fadeTo(400, 0.5); }); </script> <script type="text/javascript"> $("#th2").click(function () { $(this).fadeTo(400, 0.5); }); </script> <script type="text/javascript"> $("#th3").click(function () { $(this).fadeTo(400, 0.5); }); </script> А как сделать, что бы при нажатии на один блок, другие становились со 100% прозрачностью? Т.е. с 50% прозрачностью оставался только один блок. Пока пишу каждому блоку и поведение остальных, а как это "одной строкой" написать?

Не знаю как в ie6, но в firefox это выглядит плохо, все дергается. Я вам советую такой эффект сделать css, все будет хорошо, зачем тут javascript. http://html-css.info/2009/07/animation-button-css/ Или присмотреть что-то вроде http://colorpowered.com/blend/. Всегда приятно, когда мягко.

Вот именно, что "велосипед", а не "колесо", как в англоязычной поговорке "Re-invent the wheel". Мне кажется, подход "зачем изобретать велосипед" губительный и бесперспективный. Мне на 100% не нравится, как эти галереи работают. Хочу создать свою галерею, чтобы и дизайн, и динамика была как мне нравится, как я задумал. С БД еще работать, как и с PHP, еще не умею, так что делаю пока как могу, не все же сразу. А действительно потрясающие по дизайну (в конструктивном плане) и динамике галереи, которые мне понравились, все построены на flash, с которым я пока работать тоже не умею. В ближайших же планах.

Делал по вот этой истории. Никак delay(). не прикручивается...

Спасибо. Вкратце, что я хочу. Я пишу галерею. В альбоме 20 thumbnails. Кликаем интересующий thumb, загружается картинка с разными кнопками (следующая, предыдущая, увеличение lightbox, сохранение и т.п.). Это все как раз в файле XLM (их, соответственно, 20). Считаю целесообразным загружать их по вызову, а не грузить сразу все 20 больших, т.к. не всем будет интересно их все просматривать в большом варианте. Так что, думаю, вариант б. Тогда такой вопрос. Во вставке XLM файла первая строка "<?xml version="1.0" encoding="utf-8" ?>". Если вставлять HTML файл, нужно что-нибудь подобное прописать, и что именно? Visual Studio упорно хочет, чтобы были html, head и body.

Спасибо! "Дело в том что ты пытаешся просто вставить xml файл, а нужно его распарсить, либо с помощью JS на клиенте, либо с помощью PHP/XSLT/etc. на сервере. Не проще в этом случаи просто импортировать plain text, раз парсить xml не хочется?" бррр, я в этом пока ничего не понимаю, прямо сейчас нет возможности в этом разбираться. Если можно на пальцах объяснить что, зачем, почему, я был бы безмерно благодарен. А то я посмотрел несколько статей, "многобукв". Вот теперь мне непонятно, зачем XML распарсивать, если теперь все без ошибок. И что такое вообще "распарсить"? "сделать синтаксический разбор" - мне ничего это не говорит... Спасите заплутавшую душу! P.S. Я же, кстати, могу вставить этот файл как html. Все равно это будет нужно?

Ни у кого нет идей? Очень надо...

Отличная ссылка! Спасибо.

to arez: Во-первых, <![CDATA[ после <script type="text/javascript">, или текст скрипта отображается на странице. Во-вторых, не в этом дело. Хотел извинится перед psywalker, т.к. сразу мне написал <!--[if !IE]><!--> HTML <!--><![endif]--> (забыл ! во второй скобке, гыы). Написал галерею, там сплошные ошибки, я панику и развел )) Кому интересно, вот они: 1. <![if !IE]> (не показывать для IE) - на многих сайтах рекомендуют писать так. В html все правильно, но в подгружаемом файле не проходит. Видимо, "не валидно". 2. Ошибки, если ссылка на скрипт находится в подгружаемом файле. Кое что изменил, и что бы плагин работал, пришлось в XML файл включить <script type="text/javascript" src="LightBox/jquery.lightbox-0.5.js"></script>. Накосячил, и сам себя заморочил, в общем. 3. В XML файле все должно быть в одном блоке, даже <p> подошло. Думаю, всё в <div> самое оно. 4. использовать нельзя. Остался единственный вопрос. ie пишет: "ошибка, бубубу. Строка 190402275, символ 49". Какая строка? Как не интерпретирую, не могу понять. Через другие браузеры все ясно, а ie?

Ты смотрел, когда я закрывающий div перенес после скрипта, т.к. подгружаемый xml хочет, что бы все было "в одном блоке". Вернул назад. Вообще в подгружаемом xml огромное количество ошибок, которых нет, если этот блок вставить в главный html документ. Менял подгружаемый xml на html, картина таже. Черт...

В этом смысла нет, но как вариант я так делал. Не помогло.

http://html-test.1gb.ru/007/index.html Код файла index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html lang="ru" xml:lang="ru"> <head> <title> test </title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Script-Type" content="text/javascript"/> <meta http-equiv="Content-Style-Type" content="text/css"/> <script type="text/javascript" src='http://code.jquery.com/jquery-latest.min.js'></script> <style type="text/css"> </style> </head> <body> <div id='loadPage'></div> <script type="text/javascript"> $(document).ready(function () { $('#loadPage').load('insert.xml'); }); </script> </body> </html> Код insert.xml: <?xml version="1.0" encoding="utf-8" ?> <div id="red" style="display:block; width:200px; height:150px; background:red;"></div> <script type="text/javascript"> $('#red').click(function () { $(this).fadeOut(1500); }); </script>

С этим я давно разобрался. Вся эта таблица работает правильно, без ошибок. Давайте этот вопрос закроем. А валидно, не валидно, мне все равно абсолютно, если все работает, быстро, без ошибок, то какая вообще разница. "Теория без практики ничто". Вопрос в другом! Еще раз повторюсь, при подключении xml документа, если в нем скрипт, любой, без всяких if ie, возникает ошибка, хотя скрипт выполняется.

Не правильно! Смотрим по данной ссылке, находим: <![if !IE]><p>You are not using Internet Explorer.</p><![endif]> Это не для ie. <!--[if IE]> - напротив, для него. А даже без всей этой истории возникает ошибка. <script type="text/javascript"> $('#disappear').click(function () { $(this).fadeOut(1500); }); </script> Лишние данные после элементы документа.

Вот пример: http://html-test.1gb.ru/006Error/2.html. Все нормально, но выдает ошибку. Как же быть? Не могу исправить? Код подгружаемого файла <?xml version="1.0" encoding="utf-8" ?> <div id='disappear' style='display:block; width:250px; height:140px; background:red;'> </div> <!-- загруктипр--> <![if !IE]> <script type="text/javascript"> $('#disappear').click(function () { $(this).fadeOut(1500); }); </script> <![endif]> <!--[if IE]> <script type="text/javascript"> $('#disappear').click(function () { $(this).hide(); }); </script> <![endif]-->

Пожалуйста

Технически странное задание, или я не понимаю. Если высота экрана создаст ячейку, высотой 340% высоты изображения, тогда тайловой стыковки все равно же не будет. Придется делать или x3, или x4. Или как? А можно иллюстрацию?

Если я понял вопрос, то почему нельзя создать ячейку, где будет непонятно сколько раз повторяющийся фон, и сделать ему основное положение внизу. Т.е. начался он где надо, и пошел на верх. Будет больше экран - будет больше повторений наверху, а стыковка сохранится. background-position: bottom;

Если интересует выравнивание по центру ширины, тогда: Предположим блок шириной 400, высотой 250. Цвет фона так, для проверки. #xxx { display:block; width:400px; height:250px; position:relative; left:50%; margin-left:-200px; background:red; } А чтобы отцентрировать блок по середине страницы и сверху, и снизу, тут такая история: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html lang="ru" xml:lang="ru" style="height:100%; width: 100%; overflow: auto; "> <head> <title> НАЗВАНИЕ СТРАНИЦЫ </title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Script-Type" content="text/javascript"/> <meta http-equiv="Content-Style-Type" content="text/css"/> <meta name="Author" content="Site Author" /> <style type="text/css"> BODY { height: 100%; width: 100%; } #vvv { display:block; width:400px; height:250px; background:red;} </style> </head> <body> <!--Содержимое по центру--> <table height="100%" width='100%' align='center'><tr align='center'><td> <div id='vvv'></div> <!--Содержимое по центру--> </td></tr></table> </body> </html> Обрати внимание на style="height:100%; width: 100%; overflow: auto;" у тега html, и height: 100%; width: 100%; у body. Ответил на вопрос?

Пример не удачный совсем. Однако, вроде как написал все правильно. Мдэ...

to ZI DAN: Ничего не понял. А где смещение, где время, за которое это происходит. Чего, куда, как... Ответили, как будто я все уже давно сам знаю )) Мне бы поподробней.

Есть блок с текстурой. При наведении на него включается анимация сдвига фона. Откопал такую историю: <script type="text/javascript"> $(function () { $('.infoImage') .css({ backgroundPosition: "0px 20px" }) .mouseover(function () { $(this).stop().animate({ backgroundPosition: "(0px -27px)" }, { duration: 600 }) }) .mouseout(function () { $(this).stop().animate({ backgroundPosition: "(0px 20px)" }, { duration: 350, complete: function () { $(this).css({ backgroundPosition: "0px 20px" }) } }) }) }); </script> Мне необходимо, что бы при наведении мыши анимация включалась через 300мс. Как такое тут сделать? С settimeout ничего не получается.