Posts Tagged → fotouch
十一月 8th, 2008
相册缩略图区域之sorting
WEDNESDAY, 10. MAY 2006, 17:27:46
昨晚还对错综复杂的缩略图里面那么多层次的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, 才把缩略图控制在一排…
接下来的难题是：如何给相册的每一页加入链接？
By jeepmac • Posted in 未分类 • No Comment
十一月 8th, 2008
Photo hub–相册的缩略图区域
THURSDAY, 4. MAY 2006, 20:13:11
相册的缩略图区域，举步艰难，要尽可能的降低这部分的交互功能：
- 此区域的图片均为拖拽或自动拖拽而产生；
- 产生拖拽的位置变动后，服务器更新相册图片位置信息；
- 已经含有一张图片后，拖拽产生swap动作；
- Content的每(两)页有拖拽sorting功能；
- 页的div可以position:absolute, 而页内的相框div可以position:relative；
一种方案：作成partial的rhtml, 每个theme作一张rhtml. 优点是不用调数据库，降低server压力。
另一种：访问数据库，迭代循环产生页和框。
两种方案都要考虑是否方便更改相框布局和是否方便新增页。
By jeepmac • Posted in 未分类 • No Comment