С Новым годом! Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.75/4: Рейтинг темы: голосов - 4, средняя оценка - 4.75
0 / 0 / 1
Регистрация: 06.02.2016
Сообщений: 7

Некорректное отображение, поиск файла для правок

14.11.2016, 06:58. Показов 914. Ответов 3
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Привет всем, господа хорошие!

Я столкнулся с проблемкой. Попробую описать ее максимально понятно.

ЕСТЬ САЙТ: sotka54.ru

Это одностраничный сайт, в одном из блоков которого расположены миниатюры (категории), которые кликабельны.

ИДЕЯ: При нажатии на одну из шести миниатюр пользователь переходит в галерею, которая отображает фото (слайды из конкретного указанного каталога).

КАК СЕЙЧАС: Всего в каталоге с фото размещены 6 фотографий, на которые ссылаются миниатюры с главной страницы. Всего 6 миниатюр и 6 фотографий. При нажатии на первую миниатюру подгружается слайдер, который начинает демонстрацию слайдов с первого фото, размещенного в каталоге с полноразмерными фото, потом продолжает их пролистывать одну за другой (от №1 до №6). При переходе по миниатюре №4 открывается тот же слайдет, только начинает демонстрацию с фото №4, продолжает листать 4-5-6-1-2-3. То есть в любом случае листает все 6 фото, только стартует с порядкового номера фотографии, которая соответствует порядковому номеру миниатюры. 6ая миниатюра начинает листать с 6й фотографии, потом 1,2,3,4,5. Но эти фото одни и те же.

КАК НУЖНО: При переходе по ссылке, вложенной в миниатюре на главной должен открываться слайдер со своим отдельным каталогом. То есть не общий каталог из 6 фото на все миниатюры, а 6-8 фото на каждую миниатюру. Казалось бы все просто - задаешь путь a href на нужный каталог и будет мне счастье. Не выходит. Показываю на примере:

Вот как выглядит миниатюра на главной:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<div class="col-lg-4 col-sm-6">
                    <a href="img/portfolio/fullsize/2.jpg" class="portfolio-box">
                        <img src="img/portfolio/thumbnails/2.jpg" class="img-responsive" alt="">
                        <div class="portfolio-box-caption">
                            <div class="portfolio-box-caption-content">
                                <div class="project-category text-faded">
                                   КОММУНИКАЦИИ
                                </div>
                                <div class="project-name">
                                    Газ, электричество, вода
                                </div>
                            </div> 
                        </div>
                    </a>
                </div>
"Коммуникации" - это миниатюра №2 на главной странице. При нажатии она вызывает слайдер, который начинает демонстрацию с фото №2:

HTML5
1
<a href="img/portfolio/fullsize/2.jpg" class="portfolio-box">
Мне же нужно чтобы началось отображение фото из другого созданного мною каталога. Добавляю в ссылку каталог "new2". Получаю ссылку вида

HTML5
1
<a href="img/portfolio/fullsize/new2/1.jpg" class="portfolio-box">
Теперь при нажатии на миниатюру я получаю в слайдере фото по указанному адресу из папки new2, но после того, как я начинаю вручную пролистывать фото в слайдере, вторым фото слайдер мне выдает фото из каталога уровнем выше - img/portfolio/fullsize/

Как мне задать путь к содержимому нового каталога на каждую миниатюру? Как привязать к каждой миниатюре свой католог с фото? Есть скрипт, который задает параметры отображения графики в слайдере, но я не могу найти где именно.

Очень прошу помочь мне с этим вопросом. Бьюсь уже третий день. Если нужен архив с сайтом (1,6 мб), скажите, я залью.
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
14.11.2016, 06:58
Ответы с готовыми решениями:

Некорректное отображение box-shadow для элементов таблици в хроме
Возникла проблема при реализации теней для ячеек таблицы. Используя box-shadow, я задаю необходимые параметры тени, при этом в firefox тень...

Некорректное отображение
Помогите, пожалуйста, с проблемой. Есть какой той каркас.Макет будет фиксированным. Я задаю контейнеру (там, где будет находиться весь...

Некорректное отображение тега <li></li>
Всем привет! Заметил, что списки в Опере отображаются некорректно. Получается какая-то размазня на странице. в IE все нормально, так...

3
Богатый духовно
 Аватар для boilzzz
455 / 262 / 145
Регистрация: 10.03.2015
Сообщений: 1,057
14.11.2016, 08:45
Мефистофель, Как вариант можно использовать массив(ссылок) как каталог, и по нажатию миниатюры подгружать этот массив(ссылок) в слайдер. А эта проблема
Цитата Сообщение от Мефистофель Посмотреть сообщение
вторым фото слайдер мне выдает фото из каталога уровнем выше - img/portfolio/fullsize/
Из-за того что в слайдере стоят последовательность фото из папки fullsize а из папки new2 подгрузка не происходит.
Еще как вариант можно по нажатию на миниатюре менять во всем слайдере ссылки на фото.
1
0 / 0 / 1
Регистрация: 06.02.2016
Сообщений: 7
14.11.2016, 13:09  [ТС]
слайдере стоят последовательность фото из папки fullsize а из папки new2 подгрузка не происходит
Я не могу найти место, где эту последовательность изменить. Перекопал все, что можно было, но я, скореевсего, пропустил по причине того, что искал очевидное - ссылки на фото, а не скрипт с незнакомым мне синтасисом. Как понять, где менять последовательность подгрузки? Это же наверняка должно быть в виде (я просто логически предполагаю) *адрес каталога + перебор содержимого, не более шести файлов (потому что если я запихиваю в каталог фулсайз седьмую фото, она не отображается и при просмотре фото через слайдер вижу, что это такая-то фотография и шести(!) ).

можно использовать массив(ссылок) как каталог
Логически мне это понятно, но для этого нужно где-то отменить автоматический перебор фотографий для отображения в слайдере (порядок ведь где-то прописан!), И куда этот массив "вкрутить" и как его оформить? Подскажи, пожалуйста, что можешь. Идеально - ткни носом, если нет желания разбираться, то дай ссылочку на похожую тему, которая мне может помочь, лишь бы было полезным. Я готов сам погружаться, просто дай вектор - я чувствую себя беспомощным уже третий день.

Добавлено через 4 часа 2 минуты
Может ли все таиться где-то здесь?

Вот то, что я наковырял файлах... может ли ключ к решению быть здесь:
CSS
1
2
3
4
5
/*!
 * Bootstrap v3.3.7 ([url]http://getbootstrap.com[/url])
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT ([url]https://github.com/twbs/bootstrap/blob/master/LICENSE[/url])
 *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}/*! Source: [url]https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css[/url] */@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;...
(это лишь малая часть файла.. Но стоит ли в нем что-то искать?
0
Почетный модератор
Эксперт по компьютерным сетямЭксперт Windows
 Аватар для magirus
28049 / 15785 / 983
Регистрация: 15.09.2009
Сообщений: 67,752
Записей в блоге: 78
15.11.2016, 08:33
создано во фрилансе, здесь закрыто
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
15.11.2016, 08:33
Помогаю со студенческими работами здесь

Некорректное отображение в IE (подскажите)
Здравствуйте! Страница сайта (http://test.vivalmebel.ru/index.html) во всех браузерах отображается как надо, а вот в ослике какие то...

Некорректное отображение цветов
Есть простой код: &lt;html&gt; &lt;head&gt;&lt;/head&gt; &lt;body background=&quot;Pics/Fon.jpg&quot;&gt; &lt;img src=&quot;Pics/Pro.png&quot;/&gt; &lt;/body&gt; ...

Некорректное отображение символов
Дело в том, что кириллица некорректно отображается именно в этом виде. Если написать другой текст, или изменить хоть одну букву, все будет...

Некорректное отображение в ie6
Верстаю сайт: http://gts.dn.ua Валидацию на w3 проходит, отображается во всех браузерах корректно, кроме ie6. Точнее, на данный момент,...

Некорректное отображение шрифта в IE
В IE шрифт Comic Sans MS не отображается, в Mozilla всё хорошо Вот пример: &lt;p align=&quot;center&quot; style=&quot;font-family:Comic Sans...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
4
Закрытая тема Создать тему
Новые блоги и статьи
Модель микоризы: классовый агентный подход
anaschu 02.01.2026
Раньше это было два гриба и бактерия. Теперь три гриба, растение. И на уровне агентов добавится между грибами или бактериями взаимодействий. До того я пробовал подход через многомерные массивы,. . .
Учёным и волонтёрам проекта «Einstein@home» удалось обнаружить четыре гамма-лучевых пульсара в джете Млечного Пути
Programma_Boinc 01.01.2026
Учёным и волонтёрам проекта «Einstein@home» удалось обнаружить четыре гамма-лучевых пульсара в джете Млечного Пути Сочетание глобально распределённой вычислительной мощности и инновационных. . .
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост.
Programma_Boinc 28.12.2025
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / **********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / **********/ gallery/ bKBkQFf Пост отсюда. . .
Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США.
Programma_Boinc 26.12.2025
Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .
Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка.
Programma_Boinc 23.12.2025
Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .
PhpStorm 2025.3: WSL Terminal всегда стартует в ~
and_y87 14.12.2025
PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
Как объединить две одинаковые БД Access с разными данными
VikBal 11.12.2025
Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук
volvo 07.12.2025
Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro
Музыка, написанная Искусственным Интеллектом
volvo 04.12.2025
Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .
От async/await к виртуальным потокам в Python
IndentationError 23.11.2025
Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru