выбор изображения с другой веб-страницы

Question

Iam desghning glitter text website ... где пользователи могут выбрать блестки [изображения], чтобы поместить его в качестве фона текста ... чтобы оформить это, используя код ниже ...

<ul class="greybox">
        <label style="font-family: NewCenturySchlbk;">
<input type="radio" name="image" value=" Flame-04-june.gif"/> <img src="     Flame-04-june.gif" alt="thumbs up">
 </label>
  </ul>   

 <ul class="greybox">
         <label style="font-family: Helvetica;">
  <input type="radio" name="image" value=" Flame-05-june.gif"/> <img src="     Flame-05-june.gif" alt="thumbs up">
</label>

</ul>   

код дает пользователям возможность выбрать одно из изображений ... пользователь может выбрать изображение, установив флажок. Выбранное изображение будет опубликовано в указанной форме. код работает нормально ... но это увеличивает время загрузки домашней страницы,я добавил более 400 изображений .... я знаю, что это можно уменьшить, дав возможность нажать на ссылку, которая открывает всплывающее окно, в котором перечислены все изображения, и пользователь может выбрать одно из изображений иВыбранное изображение должно быть опубликовано в форме .... но как сделать desghn код, где выбранное изображение из всплывающих окон, чтобы разместить его в "форме" ...

Answer 1

Прежде всего, начните очищать ваш код:

<style>
  .greybox label { font-family: NewCenturySchlbk; }
</style>

<ul class="greybox">
  <li>
    <label>
      <input type="radio" name="image" value=" Flame-04-june.gif"/> <img src="Flame-04-june.gif" alt="thumbs up">
    </label>
  </li>
  <li>
    <label>
      <input type="radio" name="image" value=" Flame-05-june.gif"/> <img src="Flame-05-june.gif" alt="thumbs up">
    </label>
  </li>
</ul>  

Загрузка 400 изображений - это много, и это замедлит работу.Не уверен, что вы подразумеваете под всплывающим окном, но почему у вас нет функции поиска или подкачки?400 также много, чтобы прокрутить вниз.

Также посмотрите на размеры файлов изображений, попробуйте сжать их, и страница также будет загружаться быстрее.