Перейти к содержимому


Фотография
- - - - -

Необычная галлерея


Лучший Ответ Na_uM , 17 March 2015 - 15:47

после </ul>

<script type="text/javascript">
  while ($('ul > img:lt(3)').size()) {
        $('ul > img:lt(3)').wrapAll("<div></div>");
 }
$("div:even").addClass("one");
$("div:odd").addClass("two");
    </script>
Перейти к сообщению


Сообщений в теме: 27

#11 laRus

laRus

Отправлено 16 March 2015 - 20:57

...где-то у меня "в запасниках" валялось... если найду - ссылку напишу.


  • 0
..minimum effort for maximum effect? - Oh yeah! It's good!..

#12 Sliapy

Sliapy

Отправлено 16 March 2015 - 21:04

http://masonry.desandro.com/

 

Но это другое.


Сообщение отредактировал Sliapy: 16 March 2015 - 21:05

  • 1
[color=#aa0000]Не забывайте нажимать кнопку "Вопрос Решён" под сообщением, которое решило Вашу проблему.[/color]

#13 immortal727

immortal727

Отправлено 16 March 2015 - 21:14

Да,  это совсем не то


  • 0

#14 laRus

laRus

Отправлено 16 March 2015 - 21:15

:)  Вот спасибо, молодец!! Освободил девушку от поисков!!  :)    [ <-- это я для Sliapy ]

 

Ну а вот ТАК ? - оттуда же


Сообщение отредактировал Ursa: 16 March 2015 - 21:16

  • 0
..minimum effort for maximum effect? - Oh yeah! It's good!..

#15 Евгения

Евгения

Отправлено 16 March 2015 - 21:23

можно сделать, как вариант или искать плагин подходящий и прикрутить или, если хватит знаний, бейте массив на блоки по три элемента с разным классом и внутри через css оформите

по-моему, если не прибегать к плагинам и прочему, только так и можно :)

 

Создать три галереи "jbimage" и прописать им всем стили. Только придется учитывать пропорции картинки. Но это в любом случае придется.


  • 0

"Это бессмысленно" - сказал разум. "Это нелепо" - заметил опыт. "Это бесполезно" - отрезал здравый смысл. "О! Вот так нормально!" - обрадовался клиент.

Что, где лежит (тема-сборник про пути к файлам)


#16 immortal727

immortal727

Отправлено 16 March 2015 - 21:29

Похоже другого выхода и нет. Придется несколько галерей делать с размещением в блоках с разным классом.
А что до мансонри, то еще надо найти где-нибудь на русском информацию по этому делу, как все это делается.


  • 0

#17 laRus

laRus

Отправлено 16 March 2015 - 21:51

на русском информацию
  :))  :-|

 

А вот ТУТ тот же эффект только на одном CSS (правда, тоже на буржуинском  :) )   


  • 0
..minimum effort for maximum effect? - Oh yeah! It's good!..

#18 Na_uM

Na_uM

Отправлено 16 March 2015 - 22:06

как вариант


  • 1

#19 laRus

laRus

Отправлено 16 March 2015 - 22:42

как вариант

Ну, да!  :) Тем более отразить готовую "тройку"  - дело техники
 
P.S.  Добавить к этому еще интерактивности (чтобы двигать квадратики мышкой) и можно сделать ЕЩЕ ОДИН (!) необычный функционал для JBZoo: "Смоделируй свою комнату on-line, а мы ее воплотим в реале" ... вот как-то примерно так ...  :) 


  • 0
..minimum effort for maximum effect? - Oh yeah! It's good!..

#20 tapakan

tapakan

Отправлено 17 March 2015 - 03:31

Когда-то давно делал фотоотзывы, заказчик видел этот раздел по тому же принципу. На то время ничего лучше 

 

http://masonry.desandro.com/

emu3_200x0.jpg

не нашли. Велесипедов лучше не выдумывать.

http://www.antbeeprint.com/fotootzyvy


Сообщение отредактировал tapakan: 17 March 2015 - 03:33

  • 1




Click to return to top of page in style!