Как сделать?

vulfman

Всеволод
Дней с нами
2.241
Розыгрыши
0
Сообщения
72
Репутация
0
Реакции
34
Как сделать тему с прокручиванием фотографий на PHP как на этом сайте http://archive.org/web/ ,только вертикально?
 
Выборка фоток на php/mysql (смотря откуда картинки будут браться) + js (jquery) для скроллинга + html/css.
Или тебе готовый результат нужен?
 
Выборка фоток на php/mysql (смотря откуда картинки будут браться) + js (jquery) для скроллинга + html/css.
Или тебе готовый результат нужен?
Ну было бы неплохо.Буду очень благодарен исли готовый код дашь.
 
Просто берёт определённое кол-во результатов с бд, и выводит, прокручивая c нулевой координаты влево, пока не дойдёт до конца прокруткой, а потом по новой
Скриншот 26-04-2018 001233.jpg
Код:
$(document).ready(function() {     $("#web_screenshots").carouFredSel({         width: '100%',         auto    : {             items: 7,             duration        : 30000,             easing            : "linear",             timeoutDuration    : 0,             pauseOnHover    : "immediate",             transition      : true         },         scroll: {             pauseOnHover: true,             onBefore: function() {                 $(this).children().removeClass( 'hover' );             }         }     });     $(".web_capture").click(function() {         window.location.href = $(this).attr('link');     });     var is_paused = false;     $(document).keyup(function(e) {         if (e.keyCode == 27) {             if (is_paused) {                 $("#web_screenshots").trigger('resume');                 is_paused = false;             } else {                 $("#web_screenshots").trigger('pause', 1)                 is_paused = true;             }         }     }); });
Чтобы привести в читабельный вид - пользуйся онлайн сервисами для этого, первый запрос в гугле по вопросу "Привести JS код в читабельный вид"

Структура:
Скриншот 26-04-2018 001255.jpg
Код:
<div class="web_carousel">
<div class="caroufredsel_wrapper">
  $${repeat}%class=web_capture%
</div>
</div>
Где repeat - повторяющаяся структура элемента (то есть "картинки крутящиеся")
Код:
<div class="web_capture">
 <img class="web_capture_img" src="Ссылка">
 <div class="web_capture_text">
  <div class="web_capture_url">Ссылка на ресурс</div>
  <div class="web_capture_date">Дата создания</div>
 </div>
</div>