↓ Archives ↓

Posts Tagged → UI desigh

相册缩略图区域之sorting

昨晚还对错综复杂的缩略图里面那么多层次的div担心:是不是每个div都成了sorting的元素了呢?从相册的特点来看,仅仅需要内页需要sorting, 而cover、preface和封底,以及页面里面的相框元素,均为固定,不能sorting。

今天早晨解决了昨晚sorting代码从Javascript转为Ruby代码后不能工作的问题,原因是sorting_element里面的一个属性值为未知,使用了Firefox的javascript console,才看到了这个错误。于是开始测试sorting顶级的container div, 发现惊喜,恰恰是那些页的可sorting, 而里面的像框(页的子div)则看起来是附加在页面上的样子,随所属页移动。然后,为了去除cover/preface/封底的sorting, 加入页的父div ‘page’,这样,sorting_element改为”page”, 就成功的仅sorting正文内页了。

同时发现,有些page, 在移动拖拽结束后仍然返回原处,而没有被拖到sorting的位置,这个现象应该和position:absolute这个div的属性有关。改为relative, float:left后,发现有些页被显示到第二排,第三排。又修改了些top的值,修改了page这个div的width, 才把缩略图控制在一排…

接下来的难题是:如何给相册的每一页加入链接?