Возможно, вы захотите установить атрибуты width
и height
для ваших изображений. Или установите их с помощью CSS:
.portfolio-thumbnail img {
max-width: 200px; /* This is just an example value */
max-height: 200px; /* Idem */
}
<div class="portfolio-list">
<ul class="nav list-unstyled" id="portfolio-flters">
<li class="filter filter-active" data-filter=".all">all</li>
<li class="filter" data-filter=".branding">Parliament Trip</li>
<li class="filter" data-filter=".mockups">Christmas Supper At Kwality Restaurant</li>
<!-- <li class="filter" data-filter=".uikits">ui kits</li>
<li class="filter" data-filter=".webdesign">web design</li>
<li class="filter" data-filter=".photography">photography</li> -->
</ul>
</div>
<div class="portfolio-container">
<div class="col-lg-4 col-md-6 portfolio-thumbnail all branding">
<a class="popup-img" href="images/portfolio/IMG-20181121-WA0011.jpg">
<img src="https://via.placeholder.com/350x150" alt="img">
</a>
</div>
<div class="col-lg-4 col-md-6 portfolio-thumbnail all branding">
<a class="popup-img" href="images/portfolio/IMG-20181121-WA0012.jpg">
<img src="https://via.placeholder.com/350x150" alt="img">
</a>
</div>
<div class="col-lg-4 col-md-6 portfolio-thumbnail all branding">
<a class="popup-img" href="images/portfolio/IMG-20181122-WA0013.jpg">
<img src="https://via.placeholder.com/350x150" alt="img">
</a>
</div>
<div class="col-lg-4 col-md-6 portfolio-thumbnail all branding">
<a class="popup-img" href="images/portfolio/IMG-20181122-WA0021.jpg">
<img src="https://via.placeholder.com/350x150" alt="img">
</a>
</div>
<div class="col-lg-4 col-md-6 portfolio-thumbnail all branding">
<a class="popup-img" href="images/portfolio/IMG-20181122-WA0012.jpg">
<img src="https://via.placeholder.com/350x150" alt="img">
</a>
</div>
<div class="col-lg-4 col-md-6 portfolio-thumbnail all branding">
<a class="popup-img" href="images/portfolio/IMG-20181123-WA0004.jpg">
<img src="https://via.placeholder.com/350x150" alt="img">
</a>
</div>
<div class="col-lg-4 col-md-6 portfolio-thumbnail all branding">
<a class="popup-img" href="images/portfolio/IMG-20181122-WA0005.jpg">
<img src="https://via.placeholder.com/350x150" alt="img">
</a>
</div>
<div class="col-lg-4 col-md-6 portfolio-thumbnail all branding">
<a class="popup-img" href="images/portfolio/IMG-20181121-WA0001.jpg">
<img src="https://via.placeholder.com/350x150" alt="img">
</a>
</div>
<div class="col-lg-4 col-md-6 portfolio-thumbnail all branding">
<a class="popup-img" href="images/portfolio/IMG-20181121-WA0002.jpg">
<img src="https://via.placeholder.com/350x150" alt="img">
</a>
</div>
<div class="col-lg-4 col-md-6 portfolio-thumbnail all mockups">
<a class="popup-img" href="images/portfolio/IMG-20181217-WA0001.jpg">
<img src="https://via.placeholder.com/350x150" alt="img">
</a>
</div>
<div class="col-lg-4 col-md-6 portfolio-thumbnail all mockups">
<a class="popup-img" href="images/portfolio/IMG-20181217-WA0003.jpg">
<img src="https://via.placeholder.com/350x150" alt="img">
</a>
</div>
<div class="col-lg-4 col-md-6 portfolio-thumbnail all mockups">
<a class="popup-img" href="images/portfolio/IMG-20181217-WA0004.jpg">
<img src="https://via.placeholder.com/350x150" alt="img">
</a>
</div>
<div class="col-lg-4 col-md-6 portfolio-thumbnail all mockups">
<a class="popup-img" href="images/portfolio/IMG-20181217-WA0005.jpg">
<img src="https://via.placeholder.com/350x150" alt="img">
</a>
</div>
<div class="col-lg-4 col-md-6 portfolio-thumbnail all mockups">
<a class="popup-img" href="images/portfolio/IMG-20181217-WA0006.jpg">
<img src="https://via.placeholder.com/350x150" alt="img">
</a>
</div>
<div class="col-lg-4 col-md-6 portfolio-thumbnail all mockups uikits photography">
<a class="popup-img" href="images/portfolio/IMG-20181217-WA0007.jpg">
<img src="https://via.placeholder.com/350x150" alt="img">
</a>
</div>
</div>
Можно использовать, Вызывают как это:
private void AddToListBox(object oo)
{
Invoke(new MethodInvoker(
delegate { listBox.Items.Add(oo); }
));
}
Вы можете, но необходимо советовать Backgroundworker сообщать о состоянии и отправлять вход за полем с текущим состоянием к тому событию. В методе для того события можно получить доступ к полю и вставить новое значение.
Иначе необходимо вызвать вручную.
public Form1()
{
InitializeComponent();
BackgroundWorker bw = new BackgroundWorker();
bw.WorkerReportsProgress = true;
bw.ProgressChanged += new ProgressChangedEventHandler(bw_ProgressChanged);
bw.DoWork += new DoWorkEventHandler(bw_DoWork);
bw.RunWorkerAsync();
}
void bw_DoWork(object sender, DoWorkEventArgs e)
{
for (int i = 0; i < 10; i++)
{
((BackgroundWorker)sender).ReportProgress(0, i.ToString());
}
}
void bw_ProgressChanged(object sender, ProgressChangedEventArgs e)
{
listBox1.Items.Add((string)e.UserState);
}
Я добавляю функции как следующее так, чтобы я мог добавить объекты к полю списка или от основного потока или от фоновых потоков. Thi распараллеливают проверки, если Вызывание необходимо и затем использует, Вызывают, если это необходимо.
delegate void AddListItemDelegate(string name,object otherInfoNeeded);
private void
AddListItem(
string name,
object otherInfoNeeded
)
{
if (InvokeRequired)
{
BeginInvoke(new AddListItemDelegate(AddListItem), name, otherInfoNeeded
return;
}
... add code to create list box item and insert in list here ...
}
Можно добавить их в то время как на фоновом потоке через:
Form.Invoke
или
Form.BeginInvoke
которые требуются, чтобы Маршалл вызов от фонового потока до основного потока UI. Однако я - вполне уверенные предложения BackgroundWorker событие, к которому автоматически обращаются Приоритетный поток, и необходимо смочь обновить на этом событии без любых проблем. Это - "ProgressChanged", который может быть запущен фоновым рабочим процессом путем вызова ReportProgress.
Вы попытались звонить .Refresh()
на поле списка также?