Задать вопрос
  • Как обрезать картинку в квадрат, именно в квадрат?

    @Joker2705 Автор вопроса
    Отлично, примерно такой результат и нужен. Осталось только разобраться с тем, что Вы написали. Можете мне помочь, конкретно на моем примере?

    Вот полный кусок кода:
    <div id="wb_LayoutGrid8" style="">
    <div id="LayoutGrid8">
    <div class="row">
    <div class="col-1">
    <div id="wb_SlideShow2" style="display:inline-block;position:relative;width:100%; height: 100px;">
    <div id="SlideShow2" class="carousel slide" data-ride="carousel">
    <div class="carousel-inner">
    <div class="item active">
    <div class="thumbnails">
    <?php 
    	echo '<li><a href="image/katal/'.$bhp['imag'].'/1.jpg" data-rel="SlideShow3"></a></li>';
    	$ii=2;
    	while ($ii<=$i){
    	$x=100/($i-1);
    	echo '	
    	<div class="thumbnail" style="width:'.$x.'%;">
    	<a href="image/katal/'.$bhp['imag'].'/'.$ii.'.jpg" data-rel="SlideShow3">
    	<img class="image" src="image/katal/'.$bhp['imag'].'/'.$ii.'.jpg" alt="" title="">
    	</a>
    	</div>';
    	$ii++;
            }
    		
     ?>
    </div>
    </div>
    </div>
    </div>
    </div>
    </div>
    <div class="col-2">
    </div>
    <div class="col-3">
    </div>
    </div>
    </div>
    </div>


    А вот код из файла CSS:
    #wb_LayoutGrid8
    {
       clear: both;
       position: relative;
       table-layout: fixed;
       display: table;
       text-align: center;
       width: 100%;
       background-color: transparent;
       background-image: none;
       border: 0px #CCCCCC solid;
       -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
       box-sizing: border-box;
    }
    #LayoutGrid8
    {
       -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
       box-sizing: border-box;
       padding: 10px 10px 0px 10px;
       margin-right: auto;
       margin-left: auto;
    }
    #LayoutGrid8 .row
    {
       margin-right: -10px;
       margin-left: -10px;
    }
    #LayoutGrid8 .col-1, #LayoutGrid8 .col-2, #LayoutGrid8 .col-3
    {
       -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
       box-sizing: border-box;
       font-size: 0px;
       min-height: 1px;
       padding-right: 10px;
       padding-left: 10px;
       position: relative;
    }
    #LayoutGrid8
    {
    }
    #LayoutGrid8 .col-1, #LayoutGrid8 .col-2, #LayoutGrid8 .col-3
    {
       float: left;
    }
    #LayoutGrid8 .col-1
    {
       width: 35%;
       text-align: left;
    }
    #LayoutGrid8 .col-2
    {
       width: 15%;
       text-align: left;
    }
    #LayoutGrid8 .col-3
    {
       width: 50%;
       text-align: left;
    }
    #LayoutGrid8:before,
    #LayoutGrid8:after,
    #LayoutGrid8 .row:before,
    #LayoutGrid8 .row:after
    {
       display: table;
       content: " ";
    }
    #LayoutGrid8:after,
    #LayoutGrid8 .row:after
    {
       clear: both;
    }
    @media (max-width: 480px)
    {
    #LayoutGrid8 .col-1, #LayoutGrid8 .col-2, #LayoutGrid8 .col-3
    {
       float: none;
       width: 100%;
    }
    }
    
    #wb_SlideShow2
    {
       min-height: 20px;
       background-color: #F5F5F5;
       background-image: none;
       border: 1px solid #E3E3E3;
       -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
       box-sizing: border-box;
       width: 100%;
       table-layout: fixed;
       display: table;
    }
    #SlideShow2
    {
       padding: 0px 0px 0px 0px;
       position: relative;
       margin: 0;
       line-height: 1;
       height: 100%;
       -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
       box-sizing: border-box;
    }
    #SlideShow2 .carousel-inner
    {
       overflow: hidden;
       width: 100%;
       position: relative;
    }
    #SlideShow2 .carousel-inner > .item
    {
       display: none;
       position: relative;
       -webkit-transition: 0.6s ease-in-out left;
       -moz-transition: 0.6s ease-in-out left;
       -o-transition: 0.6s ease-in-out left;
       transition: 0.6s ease-in-out left;
    }
    #SlideShow2 .carousel-inner > .item > img, #SlideShow2 .carousel-inner > .item > a > img
    {
       display: block;
       line-height: 1;
    }
    #SlideShow2 .carousel-inner > .active, #SlideShow2 .carousel-inner > .next, #SlideShow2 .carousel-inner > .prev
    {
       display: block;
    }
    #SlideShow2 .carousel-inner > .active
    {
       left: 0;
    }
    #SlideShow2 .carousel-inner > .next, #SlideShow2 .carousel-inner > .prev
    {
       position: absolute;
       top: 0;
       width: 100%;
    }
    #SlideShow2 .carousel-inner > .next
    {
       left: 100%;
    }
    #SlideShow2 .carousel-inner > .prev
    {
       left: -100%;
    }
    #SlideShow2 .carousel-inner > .next.left, #SlideShow2 .carousel-inner > .prev.right
    {
       left: 0;
    }
    #SlideShow2 .carousel-inner > .active.left
    {
       left: -100%;
    }
    #SlideShow2 .carousel-inner > .active.right
    {
       left: 100%;
    }
    #SlideShow2 .thumbnails
    {
       margin: 0;
       padding: 0;
       width: 100%;
    }
    #SlideShow2 .thumbnail
    {
       position: relative;
       min-height: 1px;
       -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
       box-sizing: border-box;
       float: left;
       text-align: center;
       vertical-align: top;
       padding-right: 5px;
    }
    #SlideShow2 .thumbnail img
    {
       max-width: 100%;
       vertical-align: middle;
       -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
       box-sizing: border-box;
       border: 0px solid #000000;
       display: block;
       margin-left: auto;
       margin-right: auto;
    }
  • Как обрезать картинку в квадрат, именно в квадрат?

    @Joker2705 Автор вопроса
    Ankhena, Или подскажите, как это с помощью CSS решить?
  • Как обрезать картинку в квадрат, именно в квадрат?

    @Joker2705 Автор вопроса
    Ankhena, Уде попробовал подключить JS, но т.к. этот язык для меня новый подскажите, что не так? Вот код для примера:
    $x=100/($i-1);
    $width = "<script type='text/javascript'>document.write(window.innerWidth);</script>";
    $w=$width/$x;
    echo 'Ширина '.$w.', '.$width.'';


    С этим кодо на экран выводит корректно только $width, а вот $w выводится равной 0
  • Как обрезать картинку в квадрат, именно в квадрат?

    @Joker2705 Автор вопроса
    Практически дошло до меня, как нужно сделать, но тут нужна команда, которая будет считывать размер (а именно ширину) окна браузера. Подскажите, есть такая команда?
  • Как обрезать картинку в квадрат, именно в квадрат?

    @Joker2705 Автор вопроса
    Ankhena,
    $x=100/($i-1);
    echo '<div style="width:'.$x.'%;">
    <img class="image" src="image/1.jpg" alt="" title="">
    </div>';


    $x - высчитывает, какой процент от родительского элемента будет занимать картинка. Если $i меньше 2, то цикл вообще не срабатывает, если = 2, то картинка будет занимать 100% , если = 3, то 50% и т.д. Соответственно, выводится сжатая по ширине и пропорционально по высоте картинка.

    Итак, вопрос в следующем, как мне узнать, сколько пикселей будет занимать $x, чтобы указать в пикселях высоту картинки? Ведь если я укажу в процентах, то она обрежется (сожмется) в процентах, относительно родителя.
  • Как обрезать картинку в квадрат, именно в квадрат?

    @Joker2705 Автор вопроса
    Ankhena, А можно на примере показать? Как конкретно в моем случае использовать данную команду?
  • Почему после переноса сайта на другой хостинг, данные из БД выводит ромбиками?

    @Joker2705 Автор вопроса
    Спасибо большое, помогло))))
    на каждой странице после кода подключения к БД
    $db = mysqli_connect($mysql_server, $mysql_username, $mysql_password) or die('Failed to connect to database server!<br>'.mysqli_error($db));
    mysqli_select_db($db, $mysql_database) or die('Failed to select database<br>'.mysqli_error($db));


    вставил код:
    mysqli_query($db, "SET NAMES UTF8");
    	mysqli_query($db, "SET CHARACTER SET UTF8");
    	mysqli_query($db, "SET character_set_client = UTF8");
    	mysqli_query($db, "SET character_set_connection = UTF8");
    	mysqli_query($db, "SET character_set_results = UTF8");


    и все заработало, стало корректно отображаться)))))
  • Почему после переноса сайта на другой хостинг, данные из БД выводит ромбиками?

    @Joker2705 Автор вопроса
    xmoonlight, У меня на хостинге такого файла нет, папка ect есть, в ней лежит папка "apache_2.4", но она тоже пустая. И больше ничего. Создал такой файл, но не могу его загрузить, даже права на папку менял, все равно не загружается((((
  • Почему после переноса сайта на другой хостинг, данные из БД выводит ромбиками?

    @Joker2705 Автор вопроса
    Кодировка внутри таблиц - utf8_unicode_ci

    На каждой странице прописано <meta charset="utf-8">

    А как проверить кодировку соединения с базой?
  • Как выбрать данные из таблицы по похожим данным их массива?

    @Joker2705 Автор вопроса
    Rsa97, Я это понимаю, в дальнейшем все переделается, но начальству нужно как всегда "вчера" и что бы все работало.
  • Как выбрать данные из таблицы по похожим данным их массива?

    @Joker2705 Автор вопроса
    Mx21,
    Этот код небезопасный, нужно использовать плейсхолдеры в запросе.

    А можно об это поподробнее? Что это и как их использовать?
  • Как выбрать данные из таблицы по похожим данным их массива?

    @Joker2705 Автор вопроса
    Mx21, Все получилось))) Спасибо тебе, мил человек))))
  • Как выбрать данные из таблицы по похожим данным их массива?

    @Joker2705 Автор вопроса
    Вы наверное не все прочитали:
    Отмечу, что ддынае которые наполняют массив приходят от пользователя и я не могу это проконтролировать и заранее предугадать.

    А это как сделать? Я не знаю сколько элементов содержится в массиве. Массив всегда содержит разные данные и разное количество от 0 до n. И в массиве не всегда одни цифры, могут и слова быть.

    По поводу неправильного проектирования базы могу сказать, в момент проектирования БД не было задачи, что бы поиск производился по части строки, а строка не должны была содержать нескольких значений, а потом поставили другую задачу, когда БД уже содержит больше 1000 записей.

    мне нужен совет, как сделать такой запрос не переделывая БД и пользуясь тем, что имеем (массивом который приходит от пользователя и уже имеющаяся БД)
  • Как выбрать данные из таблицы по похожим данным их массива?

    @Joker2705 Автор вопроса
    Mx21, Поправил по Вашему совету и заработало следующее:
    Вот код, который я вставил вместо всего старого
    foreach($arr as $item) {
    	$arr_lists2 = "LIKE '%{$item}%' ";
    }
    $req = mysqli_query($db, "SELECT * FROM `table` WHERE `dat` $arr_lists2");

    он стал искать строки содержащее слово, но только последнее, т.е. если массив
    $arr={1, 2, 3, 4, 5}
    то он выводит только id 4 и 6, а предыдущие значения массива он просто пропускает.

    По поводу неправильного проектирования базы могу сказать, в момент проектирования БД не было задачи, что бы поиск производился по части строки, а строка не должны была содержать нескольких значений, а потом поставили другую задачу, когда БД уже содержит больше 1000 записей.
  • Как выбрать данные из таблицы по похожим данным их массива?

    @Joker2705 Автор вопроса
    А это как сделать? Я не знаю сколько элементов содержится в массиве. Массив всегда содержит разные данные и разное количество от 0 до n. И в массиве не всегда одни цифры, могут и слова быть.
  • Как выбрать данные из таблицы по похожим данным их массива?

    @Joker2705 Автор вопроса
    Так в таком способе на выход пойдет и id 5. А если в таблице будут не цифры а слова (Один Два Три и т.д.) и массив будет состоять из слов, как в таком случае быть? Может есть какой нибудь способ что бы запрос искал и выбирал из базы строки содержащие данные из массива, но если в этой строке есть еще что нибудь, то все равно выводил строку?
  • Как выбрать данные из таблицы по похожим данным их массива?

    @Joker2705 Автор вопроса
    Отмечу, что ддынае которые наполняют массив приходят от пользователя и я не могу это проконтролировать и заранее предугадать.
  • Как выбрать данные из таблицы по похожим данным их массива?

    @Joker2705 Автор вопроса
    А как это связать с массивом? Массив приходит от запроса пользователя, и я не знаю какие там будут данные, может придти "12345", а может придти "56"?
  • Как вставить модуль SELECT2?

    @Joker2705 Автор вопроса
    Вот папка с тем что я пытался делать, но ничего не вышло.

    А ВОТ папка с самим модулем.
  • Как прокрутить слой?

    @Joker2705 Автор вопроса
    Ankhena, Не понял.