Как изменить размер изображения на веб-странице с помощью мыши

Вы можете использовать разделение строк для этого, предполагая, что вы знаете разделитель, который никогда не будет в вашем списке значений. Я использовал полуточку, а $ local_joinedList $ пуст.

If (certain condition is met)
    Variable Operation: $local_joinedList$;$local_newValue$ To $local_joinedList$
End If
String Operation: Split "$local_joinedList$" with delimiter ";" and assign output to $my-list-variable$

Это перезаписывает $ my-list-variable $.

Если вам нужно добавить существующий список, вы можете сделать это таким же образом, используя сначала String Join, добавьте свои значения в строку, а затем снова разделите ее.

String Operation: Join elements of "$my-list-variable$" by delimiter ";" and assign output to $local_joinedList$
2
задан Hp_issei 19 January 2019 в 10:28
поделиться

3 ответа

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

.resizable {
  display: inline-block;
  background: red;
  resize: both;
  overflow: hidden;
  line-height: 0;
  }

.resizable img {
  width: 100%;
  height: 100%;
}
<div class='resizable'>
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/bb/Pigeon_Point_Lighthouse_%282016%29.jpg/220px-Pigeon_Point_Lighthouse_%282016%29.jpg" alt="">  
</div>

0
ответ дан Pablo Darde 19 January 2019 в 10:28
поделиться

Попробуйте включить этот CSS-файл на своем сайте:

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">

jQuery .resizable() требует, чтобы стиль из jQueryUI CSS работал.

0
ответ дан Leena Lavanya 19 January 2019 в 10:28
поделиться
Другие вопросы по тегам:

Похожие вопросы: