lersen

Нашёл вот такую штуку: $(document).waitForImages(function() {По идее должна помочь. В песочнице опять отрабатывает, а на хостинге - нет. http://cssdeck.com/labs/ylisuscd Пытаюсь разобраться. https://github.com/alexanderdickson/waitForImages

Задача: сделать div который будет растягиваться по высоте - по размеру картинки. А при нажатии на кнопку - показывать всё содержимое. При первой загрузке страницы не успевает отработать $(document).ready(function(){ и div становится меньше, чем нужно. При обновлении страницы - все хорошо, так как картинка уже в кеше. Прогоняю в песочнице - все работает отлично. http://cssdeck.com/labs/full/ylisuscd Итак вопрос, или я не правильно понимаю, как работает $(document).ready(function(){ или что-то тут не так. Буду благодарен за помощь.

Проблему решил другим способом. Но возник новый трабл! При первой загрузке(или через ctrl+f5) не успевает подтянуть картинку и делает высоту дива = 0. Есть подозрение, что $(document).ready(function() работает не верно. Наблюдается в основном на chrome.

Всё классно. Но при использовании Jquery старше 1.8 выдает баги с отображением внешнего div'а. Помогите разобраться!

http://jsfiddle.net/FC73K/1/ Благодарю!

Разобрался с @media. Объясните, пожалуйста, почему вот это не работает: http://jsfiddle.net/FC73K/ Мне нужно, чтобы при размере >600 Центр оставался 600, а боковинки расширялись равномерно. <table border="1" width="100%"> <tr> <td class="td_sholder_header">1</td> <td class="td_main_header">1</td> <td class="td_sholder_header">1</td> </tr></table>@media screen and (min-width: 600px) { .td_sholder_header { width:50%; } .td_main_header { width:600px; }}@media screen and (max-width: 600px) { .td_sholder_header { width:0; } .td_main_header { width:100%; }}

Спасибо огромное! Есть пару нюансов, но в целом - это решение!

Добрый день, форурчане! Нужен немного необычный спойлер. Нужно сделать div, который будет иметь высоту картинки, которая резиновая, а при нажатии на него(div) или лучше внизу на кнопку, растягивался по высоте на размер всего содержимого этого div.

Проблема в том, что первая картинка слишком большая. Она должна быть такая же, как и вторая. На сайте используется резинка, так что все размеры только в процентах...

Дорогие форумчане! Пытаюсь сделать плавную смену одной картинки другой. Использую JQuery. Всё вроде ничего, но почему-то вторая картинка "не понимает", что находится в ячейке. Подозреваю, что это из-за position:absolute;. Подскажите, как обойти этот момент. http://jsfiddle.net/LBRSg/ .image.first,.image.second {margin:0;padding:0;}.image.first {opacity:1px;display:block;position:absolute;/z-index:100;transition-duration:0.96s;-webkit-transition-duration:0.96s;-moz-transition-duration:0.96s;-o-transition-duration:0.96s;-ms-transition-duration:0.96s;}.image.first:hover {opacity:0.00;} div.ImgField {display:inline-block;background-position:center center;background-repeat:no-repeat;margin:0;padding:0;}<table cellpadding="0" cellspacing="10" border="0" width="100%" align="center"> <tr> <td width="20%" align="center"> <div class="ImgField"><a href="#"> <img class="image first" src="http://www.instech.kiev.ua/images/sale_20_11_13.jpg" width="100%" style="border: 1px solid #936C0B;"> <img class="image second" src="http://www.instech.kiev.ua/images/sale_20_11_13.jpg" width="100%" style="border: 1px solid #936C0B;"> </a></div> </td> </tr></table>

Да как-то не хочу с ними связываться. Думаю, что можно через max-width ограничить размер тела сайта, а боковинки сделать width 50% от остатка. Но проблема в том, что правила применяются "сверху вниз", а не наоборот. Думаю, что решение существует. Надеюсь на форумчан.

Добрый форумчане! Нужно сделать резиновый дизайн. Требование: чтобы до определенного размера рос один столбец, а после - другие(края). Эскиз прилагаю. <table> <tr> <td></td> <!--левая полоса растет если разрешение экрана >1400px--> <td> <table> <!--тело сайта растет до максимального размера 1400px--> <tr> <td></td><!--фиксированный размер--> <td></td><!--изменяемый размер растет пока тело <1400px--> <td></td><!--фиксированный размер--> </tr> </table> </td> <td></td><!--правая полоса растет если разрешение экрана >1400px--> </tr></table>Пытался использовать max-width, но не могу сообразить как.

Подскажите, как реализовать резиновый дизайн с изменением кол-ва изображений/блоков в зависимости от ширины экрана. http://screencast.com/t/EEXRBbY65 http://screencast.com/t/q1Q4mCN6i