Katerina23

User
  • Content count

    46
  • Joined

  • Last visited

Community Reputation

0 Обычная

About Katerina23

  • Rank
    Участник

Information

  • Sex
    женский

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. Всё таки решила использовать миниатюрки которые у меня есть (поле в таблице обозначено как small). Я в начале думала что они слишком маленькие и их будет трудно разглядеть, на самом деле ничего подобного они довольно чёткие и можно понять, что на них нарисовано, поэтому уменьшать размер больших картинок не зачем.
  2. У меня из галереи отбирается пять случайных картинок и показывается пользователю, эти картинки имеют довольно солидный вес до 300 кб. При извлечении картинки становятся миниатюрными с помощью php тега getImageSize и увеличиваются если щёлкнуть по картинке, вес никуда не девается он по прежнему 300 кб. Как мне оптимизировать изображения так, чтобы ускорить загрузку сайта? Прочла вот эту статью https://habr.com/ru/post/189764/. Она мало мне чем помогла, правдо я использовала только два первых примера вот этот <div> <img src="comicbookguy.jpg" alt="" onload="imgLoaded(this)"/> </div> и вот этот <div id="Slideshow"> <img src="slide_1.jpg" alt="" onload="slideLoaded(this)" /> <img src="slide_2.jpg" alt="" onload="slideLoaded(this)" /> <img src="slide_3.jpg" alt="" onload="slideLoaded(this)" /> </div> Pagespeed по прежнему говорит, что мне эти картинки нужно сжать. Есть ещё какие-нибудь варианты оптимизировать изображение не меняя высоту и ширину и без помощи photoshop и других графических редакторов? А то у меня 5000 картинок все не отредактируешь.
  3. Нечего в голову не приходит разве, что только создать таблицу внутри таблицы. <?php $countcol = 4; $tr1 = 2; $arr = array("Название1","Название2","Название3","Название4","Название5","Название6","Название7","Название8"); $tr == 0; echo "<table border=1 width=100%> <tr><td rowspan=\"2\" width=50%>"; echo "<table width=100% border=1>"; foreach($arr as $key=>$value) { if ($tr == 0) echo "<tr>"; echo "<td align='center'>{$value}</td>"; if (++$tr == $tr1) { echo "</tr>"; $tr = 0; } $i++; } echo "</table>"; echo "</td><td width=50%>Описание</td> </tr><tr><td>Описание</td></tr> </table>"; ?>
  4. Сделала таблицу которая автоматически создаёт ячейки в зависимости от количества записей, и тут мне понадобилось добавить ещё дополнительные ячейки ну они должны быть объедены (rowspan). В итоге у меня получилось вот, что, скриншот есть ли возможность убрать лишние ячейки в конце таблицы: Вот мой код: <?php $countcol = 4; $tr1 = 2; $arr = array("Название1","Название2","Название3","Название4","Название5","Название6","Название7","Название8"); $tr == 0; echo "<table width=100% border=1>"; foreach($arr as $key=>$value) { if ($tr == 0) echo "<tr>"; echo "<td align='center'>{$value}"; echo "</td>"; if (++$tr == $tr1) { echo "<td rowspan=\"2\">Описание</td></tr>"; $tr = 0; } } echo "<table>"; ?>
  5. rgl, этот скрипт, что можно вместо md5 и crypt использовать для шифрования паролей?
  6. В общем, мне нужно было в моём приложении перехватить backspace, чтобы повесить на него событие клавиатуры. В итоге я просто создала поле (input) и фокус указала на это поле. Теперь при нажатии backspace браузер не делает шаг назад в истории.
  7. Как сделать, чтобы строка при заполнении такой строки "_____", где 5 чёрточек вместо чёрточек заполнялись буквы и если я захочу стереть какие-нибудь буквы, то чёрточки восстанавливались, а буквы при этом не должны смещаться с позиции влево, например, на пятой позиции вместо чёрточки буква "а", то при удалении буквы находящейся на 2 позиции буква, "а" не смещалось влево на другие позиции. Я слышала, что такое можно сделать как-то с помощью масок, но даже не представляю как?
  8. У меня есть таблица в ячейках которой уже есть текст как записать туда новый текст при этом сохранив старый. InnerHtml не помогает он делает замену старого текста на новой скриншот. Может быть можно как-то с помощью стилей сделать? <!doctype html> <html lang="en"> <head> <style> table td {width:25px; height:25px} </style> <meta charset="utf-8"> <title>Page1</title> <script> function showInfo() { document.getElementById("cell1").innerHTML="A"; document.getElementById("cell2").innerHTML="B"; document.getElementById("cell3").innerHTML="C"; } </script> </head> <body onload="showInfo()"> <table border="1" cellspacing="0" cellpadding="0"><tr><td id="cell1"><sup>1</sup></td><td id="cell2"><sup>2</sup></td><td id="cell3"><sup>3</sup></td></tr></table> </body> </html>
  9. Мне нужно сделать книгу с перелистыванием, я думаю как сделать так когда на одной странице место для текста заканчивалось, сразу переносилось на другую страницу. А потом пользователь перелистывал страницу и там текст продолжался. Я посмотрела ваш вариант перейдя по ссылке. Он не подходит. Текст расположен сразу на двух контейнерах, а мне нужно чтобы часть текста было на одном и когда место на первом контейнер заканчивалось текст продолжался на другом.
  10. Как перенести, часть текста во второй контейнер, если в первом закончилось места, а то текст выходит за границы контейнера? Вот пример: Код <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>HTML5</title> <style> .page {width:100px; height:100px; background-color:yellow;} .page2 {margin-top:-100px;margin-left:100px;width:100px; height:100px; background-color:red;} </style> </head> <body> <div class="page">Привет мир! Привет мир! Привет мир! Привет мир! Привет мир! Привет мир! Привет мир!</div> <div class="page2"></div> </body> </html>
  11. Скорее вот так: var walk = []; var player; walk[0] = [0,0,200,0]; walk[1] = [200,0,200,100]; walk[2] = [200,100,0,100]; walk[3] = [0,100,0,0]; function collision() { ... for(var i = 0; i < walk.length; i++) { if(iscollision(player, createWalk(walk[i][0],walk[i][1], walk[i][2], walk[i][3]))) { console.log("collision"); } } } setInterval(collision,10); function iscollision(player, walk) { ... return true; } function createWalk(number1,number2,number3,number4) { console.log(number1+" "+number2+" "+number3+" "+number4); return true; }
  12. Как записать функцию в массив с разными параметрами. Хотелось бы видеть пример, чтобы потом можно было вызвать эту функцию. А то не получается: var walk = []; ... walk[0] = createWalk(0,0,200,0); walk[1] = createWalk(200,0,200,100); walk[2] = createWalk(200,100,0,100); walk[3] = createWalk(0,100,0,0); ... for(var i = 0; i < walk.length; i++) { ... }
  13. Использовала этот код для iframe. Документ внутри iframe не помещается весь, а появляются полосы прокрутки. Как сделать, чтобы на мобильных устройствах он помещался без полос прокрутки? <iframe id="ifr" src="/page.html" width="800" height="600" frameborder="0"></iframe> стили #ifr{max-width: 100%; height: auto;vertical-align: middle;}
  14. У меня ещё галерея есть тоже три в ряд я могу одни и те же стили использовать для галереи, или для картинок нужно отдельные стили создавать? А то я скачала шаблоны сайтов и там в одном шаблоне было несколько три в ряд и для каждого случая использовались отдельные стили.
  15. Мне тут не давно помогли сделать отображение записей три в ряд. И в стилях заметила вот такой код: .card__description > :first-child { margin-top: 0; } Мне нужно, то же сделать сравнение если масштаб картинки больше размер экрана смартфона, то установить для картинок width:100%. Если же не больше то оставить как есть. Дело в том, что у меня в тексте встречаются много картинок и не все нужно масштабировать?