|
Каталог с фильтрами
|
|
| andarky | Дата: Понедельник, 29 Июля 2013, 12:08 | Сообщение # 1 |
старожил
Сейчас нет на сайте
| Вот что требуется сделать:
На страничке должны быть отсортированы картинки
с описаниями.
Кликом по картинке - она увеличивается.
А где-то на странице есть окно с галочками - это чтоб задавать параметры фильтра.
ну и чтобы выводилось только то что отмечено.
Это есть на многих сайтах и думаю изобретать сайт велосипед будет глупо.
Может быт кто подскажет готовые решения? HTML+скрипты
Моя страничка по дизайну
GameDev//Design//3D
Ютубчик
|
|
|
| |
| lvovand | Дата: Понедельник, 29 Июля 2013, 13:29 | Сообщение # 2 |
|
старожил
Сейчас нет на сайте
| посмотри готовые галереи на jQuery, их более чем много и на любой вкус,
фильтр прикрутить не такая уж сложность
Разработка и продвижение сайтов. Дизайн
|
|
|
| |
| andarky | Дата: Понедельник, 29 Июля 2013, 13:33 | Сообщение # 3 |
|
старожил
Сейчас нет на сайте
| lvovand,
вот фильтре то для меня сложность!
граф.эффекты и оформление - это как раз не проблема для меня.
А вот как сортировать списки по заданным свойствам - тут я теряюсь...
Моя страничка по дизайну
GameDev//Design//3D
Ютубчик
|
|
|
| |
| lvovand | Дата: Понедельник, 29 Июля 2013, 13:39 | Сообщение # 4 |
|
старожил
Сейчас нет на сайте
| сайт же все равно наверно на какой-то цмс-ке прикручен, и если найдется галерея с админкой, то переписывать под себя может сложнее будет чем самому написать загрузчик фоток и прикрутить поле сортировки
Разработка и продвижение сайтов. Дизайн
|
|
|
| |
| andarky | Дата: Понедельник, 29 Июля 2013, 13:47 | Сообщение # 5 |
|
старожил
Сейчас нет на сайте
| я нагуглил много всяких примеров - всё ни о чем...
там +PSD прилагается и еще какие-то фичи с CSS
но мне оно НЕ НАДО!
нарисовать порезать и резиновость делать я могу.
я не понимаю как выводить картинки по заданным тэгам.
Почему такую пустяковину так сложно найти?
Мне бы что-угодно - пусть оно НИКАК по дизайну, главное чтоб
работало: отметил параметры >> ПУСК >> и вывелось то что задано
Моя страничка по дизайну
GameDev//Design//3D
Ютубчик
|
|
|
| |
| lvovand | Дата: Понедельник, 29 Июля 2013, 14:00 | Сообщение # 6 |
|
старожил
Сейчас нет на сайте
| если джаваскрипт знаешь, то на самом деле пустяковина,
100% правильность не обещаю, но примерно так (предполагается что jquery подключен)
скажем идет список картинок, прописываешь у них класс с категорией
<img src='1.jpg' сlass='cat1'>
<img src='2.jpg' сlass='cat1'>
<img src='3.jpg' сlass='cat2'>
потом отработать клик на чебоксах
<input type='checkbox' id='cat1' onClick="filt('cat1')">Категория 1
<input type='checkbox' id='cat2' onClick="filt('cat1')">Категория 2
js:
function filt(id){
if(jQuery('#'+id).checked){ jQuery('.'+id).show(); }else{ jQuery('.'+id).hide(); }
}
Разработка и продвижение сайтов. Дизайн
|
|
|
| |
| andarky | Дата: Среда, 14 Августа 2013, 16:28 | Сообщение # 7 |
|
старожил
Сейчас нет на сайте
| ну сляпил кое-что,
а как быть ес
ли например свойств больше 10 и каждый объект может содержать по несколько свойств сразу?
<img src='1.jpg' сlass='cat1'>
только <cat1>
а если он принадлежит одновременно нескольким группам?
как ??
Моя страничка по дизайну
GameDev//Design//3D
Ютубчик
|
|
|
| |
| GECK | Дата: Среда, 14 Августа 2013, 16:33 | Сообщение # 8 |
заслуженный участник
Сейчас нет на сайте
| Цитата (andarky) а если он принадлежит одновременно нескольким группам?
<img src='1.jpg' сlass='cat1 cat2 cat34 cat1337'>.
Всё гениальное просто. И хреново работает.
|
|
|
| |
| andarky | Дата: Среда, 14 Августа 2013, 16:34 | Сообщение # 9 |
|
старожил
Сейчас нет на сайте
| GECK,
чо прям так без разделителей через проблем можно??
Не знал.
круто!
Щас попробую...
Моя страничка по дизайну
GameDev//Design//3D
Ютубчик
|
|
|
| |
| GECK | Дата: Среда, 14 Августа 2013, 16:40 | Сообщение # 10 |
|
заслуженный участник
Сейчас нет на сайте
| Только в таком случае нужно будет логику немного изменить - сначала спрятать вообще всё, а потом сделать show() для нужных.
Всё гениальное просто. И хреново работает.
|
|
|
| |
