从不同的网页选择图像

时间:2012-02-11 14:24:09

标签: php javascript html css imagemagick

Iam desghning闪烁文本生成网站..用户可以选择闪烁​​[图像]将其作为文本背景..使用下面的代码设计这个iam ...

<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>   

上面的代码为用户提供了一个选项,供用户选择其中一个图像...用户可以选择图像,通过检查单选按钮选择图像将被发布到指定的表单..代码工作正常...但它增加了加载主页的时间,bcos我添加了400多张图片....我知道这可以通过点击链接打开一个弹出窗口,其中列出所有图像并且用户可以选择一个来减少应该将图像和所选图像发布到表单....但是如何从弹出窗口中删除所选图像的代码,将其发布到“表单”...

1 个答案:

答案 0 :(得分: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也是很多。

另外,请查看图像的文件大小,尝试压缩它们,页面也会加载更快。