Santiago

Спасибо!

Форумчани! Подскажите, начинающему, как можно решить следующую проблему, или может уже есть решение этой проблемы в соответствующих плагинах... а то я ищу уже 2 недели, толком даже не знаю как её назвать... Суть вот в чем. Из базы данных мне нужно вывести информацию в виде маленьких фотографий (с этим проблем нет), но её надо упорядочить на странице так, чтобы в строчке было по 5 штук, а потом переходило на новую строчку и так 4 раза, а в конце этого разместить стрелочки ">", "<", для перехода на новую страницу где бы это продолжалось. Подскажите, может существуют какие-нибудь плагины или скрипты...? как это можно реализовать?

Спасибо ))

Подскажите, кто имел дело с этим. Перебрал примеры, эксперементировал неделю, но никак не могу сделать следующее... Чтобы после того, как в uploader'е выбираешь фотку и жмешь на кнопку "отправить" - появлялась "иконка загрузки" рядом с кнопкой, а после загрузки фотки пряталась бы и появлялась фотка. uploader нашел и подключил и все хорошо, но никак не могу разобраться с внедрением "иконки загрузки"... Вот я про эти "иконки загрузки" http://www.ajaxload.info/ Вот мои скрипты: jQuery: <script type="text/javascript"> $(document).ready(function() { $('#form2').submit(function(){ $('#loader').addClass('icon'); // [u]класс с background'ом иконки[/u] $('#photo_ava img').load(function(){ $('#loader').removeClass('icon'); $('#photo_ava img').show(); }); // the end load }); //the end submit }); //the end ready </script> HTML код uplouder'a: <form name="form2" enctype="multipart/form-data" method="post" action="upload.php" id="form2" /> <fieldset> <legend>Photo upload</legend> <p><div id="imageUpload">Pick up an image to upload, and press 'upload'</div></p> <p><input type="file" size="32" name="image_field" value="" /></p> </fieldset> <p class="button"><input type="hidden" name="action" value="image" /> <input type="submit" name="Submit" value="Upload" /></p> <div id="loader"></div> // [u]место где вставляется иконка[/u] </form> Место где появляется фотка: <div id="photo_ava"><img src="<?php echo $_SESSION['avatar_b'] ?>"/></div>

HTML, CSS и вот... jQuery: $(document).ready(function () { $('.menu_head').click(function(){ $(this).toggleClass('menuHeadHover'); $('.menu_body').toggle(); return false }); $(function(){ $(document).click(function(event) { if ($(event.target).closest('.menu_body').length) return; $('.menu_body').hide(); $('.menu_head').removeClass('menuHeadHover'); event.stopPropagation(); }); }); });

я просто делаю меню, у меня нету ещё сайта. Я выложил скрипты, чтобы помогли найти ошибку...

Переделал вот так: <ul id="navigation"> <li><a href="profile.php">Profile</a></li> <li><a href="">Messages</a></li> <li><a href="search.php">Search</a></li> <li><a href="" class="menu_head">Settings</a> <ul class="menu_body"> <li><div class="settingsChange">You can change your:</div></li> <li> <a href="settings_personal.php">Personal</a></li> <li><a href="settings_photo.php">Photo</a></li> <li><a href="settings_password.php">Password</a></li> <li><a href="settings_email.php">E-mail</a></li> </ul></li> </ul> Но что-то все равно никак не работает. А что вы имеете ввиду "дать ссылку на страницу"... ? Она у меня не висит в интернете.

Тут такое дело... сделал сам выдвигающее меню с jQuery, но при его раскрытии (оно выдвигается вниз), если там находятся какие-то элементы - не работает (т.е. оно выдвигается, но не работают ссылки и не реагирует на наведение мыши), я думаю проблема тут в html или css... посмотрите, пожалуйста. HTML: <ul id="navigation"> <li><a href="profile.php">Profile</a></li> <li><a href="">Messages</a></li> <li><a href="search.php">Search</a></li> <li><a href="" class="menu_head">Settings</a></li> <ul class="menu_body"> <div class="settingsChange">You can change your:</div> <li><a href="settings_personal.php">Personal</a></li> <li><a href="settings_photo.php">Photo</a></li> <li><a href="settings_password.php">Password</a></li> <li><a href="settings_email.php">E-mail</a></li> </ul> </ul> CSS: #navigation { text-align: right; font-weight: bold; font-size: small; float:right; width:auto; margin: 18px 130px 0 0; height:30px; } #navigation li { line-height: 30px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; display: inline; list-style-type: none; } #navigation a { color: #FFF; text-decoration: none; letter-spacing: 1px; padding:10px; } #navigation a:hover { background-color:#5959b0; outline-style: none; outline-width: medium; } ul, li{ margin-top:2px; padding:0; list-style:none; } .menu_body { margin-left:167px; text-align:left; background: #FFF; display:none; width:144px; border-right:1px solid #999999; border-bottom:1px solid #999999; border-left:1px solid #999999; } #navigation .menu_body li { line-height: 5px; font-size: 10px; font-family: Arial, Helvetica, sans-serif; } #navigation .menu_body a{ color:#66c; text-decoration:none; padding:10px; display:block; } #navigation .menu_body a:hover { color:#FFF; background-color: #66c; outline-style: none; outline-width: medium; } .menuHeadHover { background-color:#5959b0; } .settingsChange { /*заголовок You can change your:*/ font-size: 10px; font-family: Arial, Helvetica, sans-serif; color:#999999; padding:10px; width:auto; }