Фото 18+

Пометка/заглушка для фото

#1 4 января 2013 в 12:10
Компонент Фотогалерея по умолчанию не имеет возможности отмечать фотографии "для взрослых", или ставить заглушку. Кто-нибудь ставил перед собой задачу реализовать такой функционал? В идеале — при клике на фото, появляется модальное окно с подтверждением, что вам 18 лет и более, и вы можете просматривать фотографии.
Прикрепленный файл
modalwindow18_p8inv.jpg 181 Кб
#2 4 января 2013 в 13:53
вроде бы ничего сложного, добавить в таблицу картинок (или фотогалерей) 1 поле: adult;
потом проверять, если показываем адалт, то спрашивать пользователя. ну и при ответе "да" в куки записывать, или в настройках профиля.
по профилю, кстати, тоже можно проверку сделать, там же есть дата рождения
#3 4 января 2013 в 21:39
Сделал так foto-leo.ru/photos/100
#4 4 января 2013 в 22:37
А что за галерея такая интересная?
#5 5 января 2013 в 10:41

вроде бы ничего сложного, добавить в таблицу...

Cruzka

Для меня сложновато. Подобное не реализовывал, а времени на изучение нет. Нужно готовое решение. Но все равно, спасибо за ответ!

Сделал так

IngDesign

Что решение есть, я даже и не сомневаюсь) Вопрос в том, как это сделать!) Был бы признателен, если бы вы поделились с нами пошаговой инструкцией.
#6 5 января 2013 в 15:37
ТОЖЕ ИНТЕРЕСЕН СЕЙ МОМЕНТ
#7 13 января 2013 в 01:07
Cheshir
Присоединяюсь!
#8 13 января 2013 в 07:33
+ поставил — ждём ответа!
#9 14 января 2013 в 15:05
+ тоже буду ждать, у меня пока получилось очень криво scratch

Брал с чужого форума:

CODE (html):
  1. <body>
  2. <!-- ... код вашей страницы -->
  3.  
  4. <div id="overlay"></div>
  5. <div id="popup">
  6. <h1>DANGER!!! 18+ only!!!</h1>
  7. <button id="popup_ok">Yes</button>
  8. <button id="popup_no">No</button>
  9. </div>
  10.  
  11. </body>
CODE (javascript):

  1. $(document).ready(function(){
  2. $('#popup_ok').click(function(){
  3. $('#overlay').hide();
  4. $('#popup').hide();
  5. });
  6. $('#popup_no').click(function(){
  7. location.href = 'http://yandex.ru';
  8. });
  9. });
CODE (css):

  1. #overlay {
  2. position: fixed;
  3. left: 0;
  4. top: 0;
  5. width: 100%;
  6. height: 100%;
  7. background: rgba(0,0,0,0.8);
  8. }
  9. #popup {
  10. width: 500px;
  11. height: 300px;
  12. position: fixed;
  13. left: 50%;
  14. top: 50%;
  15. margin: -150px 0 0 -250px;
  16. background: white;
  17. color: black;
  18. }
Не чего не менял!
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.

Похожие темы

Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.