htmlman3
-
Posts
2 -
Joined
-
Last visited
htmlman3's Achievements
Explorer (1/14)
0
Reputation
-
Всем здравствуйте. Сделал сайт на шаблоне http://html5up.net/spectral Осталось сделать галерею. Сайт дизайнера - требуется галерея с альбомами. По типу на страничке есть 20 проектов (thumbs) и при клике на один что-бы открывалось крупное изображение со слайдом остальных фотографий проекта, и так на каждый проект. Помогите сделать такое, пожалуйста. По оплате - договоримся.
-
Здравствуйте Уважаемые, помогите пожалуйста разобраться. На сайте есть галерея, с главной странички есть превью (по клику на картинку из главной, должна открыться подробная галерея) но при клике, открывается лишь пустая белая страничка. Index.html ссылается на single-project.html, там есть код но внутри все равно пусто Вот код с главной: <section id="portfolio"> <div class="portfolioIntro text-center"> <div class="black-overlay"></div> <h2 data-scroll-reveal="enter top move 10px over 1s after 0.2s"> </h2> </div> </div> <div class="gallery js-isotope" data-isotope-options='{ "itemSelector": ".gallery-inner", "masonry": { "columnWidth": ".grid-sizer-four-columns" } }'> <!--grid sizer for columns to be used in the data-isotope-options--> <div class="grid-sizer-four-columns"></div> <!--item --> <div class="gallery-inner four-columns graphics "> <!-- caption --> <div class="caption text-center "> <div class="captionWrapper valign"> <a id="trigger-overlay" class="overlay-ajax" href="single-project.html" data-toggle="modal" > <div class="caption-heading"> <p>Graphics / Motion</p> <h4>Big Experience</h4> <div class="btn btn-default">More</div> </div> </a> </div> </div> <!-- end caption --> <img alt="thumbnail" class="galleryImage" src="img/gallery/1.jpg"> </div> <!--end item -->Вот код странички которая должна открываться: <!DOCTYPE html><html lang="en"> <head> <title>Phoenix Minimal Template</title> <meta content="width=device-width, initial-scale=1.0" name="viewport"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="author" content=""/></head> <body> <div id="transmitter"> <section id="singlePageIntro"> <div class="container"> <div class="row text-center"> <h1>One Project</h1> <p> Brading / Corporate / Identity / Web Agency </p> <a class="btn btn-default btn-black"> Live Preview </a> <div class="clearfix"></div> <img class="center-block img-responsive separator" src="img/separatorBlack.png" alt="Separator"> </div> </div> </section> <!--section--> <section id="singlePageContent" class="white"> <div class="container"> <!--content--> <div class="content"> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-9 col-lg-9"> <!-- article--> <div id="post"> <div id="caption"> <p class="excerpt">Maids table how learn drift but purse stand yet set. Music me house could among oh as their. Piqued our sister shy nature almost his wicket. Hand dear so we hour to. He we be hastily offence effects he service. </p> <p class="excerpt"> Doubtful two bed way pleasure confined followed. Shew up ye away no eyes life or were this. Perfectly did suspicion daughters but his intention. Started on society an brought it explain. Position two saw greatest stronger old. Pianoforte if at simplicity do estimating. </p> </div> </div> <!-- end article--> </div> <!-- info --> <div class="col-xs-12 col-sm-12 col-md-3 col-lg-3"> <div class="singleProjectInfo"> <ul class="list"> <li> <i class="fa fa-clock-o"></i> <p class="bold">30 August 2014</p> </li> <li> <i class="fa fa-info-circle"></i> Client: <p class="bold">Microsoft</p> </li> <li> <i class="fa fa-user"></i> Posted by: <p class="bold">John Doe</p> </li> </ul> </div> </div> <!-- end info --> </div> <div class="row singleImageWrapper" data-scroll-reveal="enter top move 30px over 1s after 0.2s"> <div class="col-md-12"> <img src="img/background1.jpg" alt="single project Info" class="img-responsive center-block"> </div> </div> <div class="row singleImageWrapper" data-scroll-reveal="enter top move 30px over 1s after 0.2s"> <div class="col-md-6"> <img src="img/gallery/1.jpg" alt="single project Info" class="img-responsive center-block"> </div> <div class="col-md-6"> <img src="img/gallery/2.jpg" alt="single project Info" class="img-responsive center-block"> </div> </div> </div> <!--end content--> </div> <!-- /container --> </section> <!--end section--> </div> <script src="overlay.js"></script></body> </html>Должно быть как тут: http://phoenix.artbreezestudios.com/preview/index.html#portfolio Там есть портфолио, и когда клацаю на картинку - открывается страничка с фото. А у меня - пустая =(