Jump to content

ivanovfcz

Newbie
  • Posts

    6
  • Joined

  • Last visited

Everything posted by ivanovfcz

  1. Огромное спасибо) Кеширование не пройдет, потомучто сжатие картинок при каждом обновлении страницы разное(рандомное), только порядок вывода остается. Если только кешировать все возможные варианты вывода всех картинок, есть 7 типов сжатия, 7 типов разрешения готовой картинки. Сейчас попробую разобраться с динамической подгрузкой)
  2. Ребята, нужна помощь. Есть php скриптик. Он сканирует папку с картинками. Потом открывает страничку <html>, вводит стили, и в <body> с помощью цикла сжимает картинки(используя отдельный класс) и выводит их на экран как тучу <div> элементов. в каждой дивке 1 картинка. Проблема в том что страница открывается только после того как сожмет и подготовит все картинки. Как можно организовать вывод так, чтобы сначала на странице отобразилась шапка, и постепенно выводились на экран эти дивки ( сжал -> вывел )? Хотябы какие нибудь идеи, я уже все перелопатил.
  3. Ребят, прощу подсказок, я новенький в этом деле( Есть страничка, фото галерея в которой реализовано сжатие картинок и соответственно вывод их на экран. Проблема заключается в том что если картинок много, сжатие затягивается очень надолго. А пока он картинки не по сжимает, показывать ничего не хочет. С помощью чего можно реализовать последовательное сжатие и вывод картинок на сайт, уже после загрузки основы страницы( шапки )?
  4. Можно лучше поменять вопрос, как в таком порядке вывести картинки? я наверно не правильно делаю что картинки в DIV пихаю,этой причиной не получается у меня вывести по твоему примеру #imagewall { width:600px;height:300px;} #velimg { width:450px;height:600px; } #smallimg {float:right; width:150px;height:100px; } <div id= "imagewall"> <div id= "velimg"> <img onMouseOver="$(this).fadeTo('fast', 0.9)" onMouseOut="$(this).fadeTo('fast', 1)" onload="$(this).completed = 1; $(this).delay(60).fadeTo('slow', 1)" src="<?php echo (empty($config['Image Size']) ? '' : $set['script name'] . '?image=') . $config['Images Dir'] . $images[0]; ?>"/></a> </div> <?php for($i = 1; $i < $number_of_images; $i++) { ?> <div id= "smallimg"> <img onMouseOver="$(this).fadeTo('fast', 0.9)" onMouseOut="$(this).fadeTo('fast', 1)" onload="$(this).completed = 1; $(this).delay(60 * <?php echo $i + 1; ?>).fadeTo('slow', 1)" src="<?php echo (empty($config['Image Size']) ? '' : $set['script name'] . '?image=') . $config['Images Dir'] . $images[$i]; ?>"/></a> </div> <?php } ?> </div>
  5. Размеры зеленых известны, проблема именно в том как выставить 3 маленьких друг под другом. #imagewall {display: inline-block; vertical-align: top;line-height: 1px; width:600px;height:600px;background: #FFFFFF no-repeat ; margin: 5px; padding: 2px 2px 2px 2px; border: 1px solid #D6D3D3; border-bottom: 2px solid #C4C2C2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #imagewall img {display: inline-block; background: #FFFFFF no-repeat ;background-size: 100% 100%; margin: 5px; padding: 2px 2px 2px 2px; } #velimg {display: inline-block;vertical-align: top; text-align: left; line-height: 0; font-size: 0; } #smallimg {display: inline-block;vertical-align: top; width:100px; text-align: left; line-height: 0; font-size: 0; } <div class= "imagewall"> <div class= "velimg"></div> <div class= "smallimg"></div> <div class= "smallimg"></div> <div class= "smallimg"></div> </div>
  6. Ребят, я занимаюсь этим довольно не долго, нужна помощь.. Подскажите пожалуйста как разместить div обьекты так что бы внутри одного располагались еще 4 примерно в таких позициях.
×
×
  • 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