效果同PS里的图片导航器一样，
1.导航器里的为目标图片的缩略图，目标图片有什么变化，缩略图同步显示
2.目标图片放大缩小，导航器里的红色方框要实时放大缩小且位置准确
3.拖动导航器里的红色方框，目标图片显示红色方框里的部分
小弟不才，望大家赐教，示例、思路都行，谢谢大家!
flex 图片缩放导航怎么做？
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
0条回答
- 2021-03-24 09:13回答 2 已采纳 采用flex布局后，box中的所有子元素div自动成为容器成员，你设置了flex-wrap属性为：wrap，元素的布局就会变成类似于这样了： 你想变成自上而下的样式，有个flex-directi
- 2022-03-23 09:08回答 1 已采纳 有头绪了 貌似是这里有padding 但是为什么 是flex 自动加的吗 /*有头绪了 貌似是这里有padding*/ .row { background: red;
- 2012-05-18 08:41回答 3 已采纳 这要看项目需求了，如果想绝大部分用Flex来代替view可以用RemoteObject，两者是主要调用方式都很常用。[url]http://www.springsource.org/spring-fl
- 2020-12-30 11:18兰兰的小窝的博客 -- 局部导航栏 --> <ul class="local-nav"> <li> <a href="#" title="攻略景点"> <span class="local-nav-icon1"></span> <span>攻略景点</span> &l
- 2008-10-31 22:07回答 3 已采纳 。。。。。。。。。 import org.jdom.Document; import org.jdom.Element; 。。。。。。。。。。。。。。。。。。。。。。 public cla
- 2011-06-03 08:47回答 1 已采纳 Flex3权威指南 Flex3实战 入门不成问题 可以下载Tour De Flex 跟着学 入门必备 完了 在学习学习ActionScript3.0 把基础打扎实点 里面的事件 多看看
- 2010-05-04 16:46回答 2 已采纳 没错，如果不是http的话，那就不能是 [b]“web”[/b] game了。 如果是这样的话，通常所说那些免费空间，例如PHP免费空间，ASP免费空间，等等，只要没有独立的公网IP 都不能满足
- 韩曙亮的博客 一、横向导航栏实现核心要点 1、固定定位下面的布局设置 2、设置横向导航栏弹性布局 3、弹性布局主轴和侧轴设置 4、二倍精灵图 二、代码示例 1、HTML 标签结构 2、CSS 样式 3、展示效果
- 2021-07-30 09:24回答 2 已采纳 ```html <div class="box"> <div class="row"> <span class="item"></span&g
- 2009-05-15 16:32回答 2 已采纳 flex能解析一部分的html标记,请把你的显示文本的组件(Text或TextArea)的htmlText属性打开(例:aaa.htmlText="你要显示的内容");当然,如果html中有的标记在f
- 2017-07-25 06:52回答 1 已采纳 急需帮助呀，有没有大神帮帮忙
- 2018-08-23 17:56zlingyun的博客 首先给你们推荐两篇写的特别好的文章 语法教程 http://www.runoob.com/w3cnote/flex-grammar.html 非常详尽的讲述了flex的相关用法属性说明。...这篇博客主要是把里面的主要属性和用途提出来做一...
- 2021-10-14 02:30回答 4 已采纳 如果图片本来宽高就不同，你又需要将图片铺满，那么直接设置宽高就会出现图片变形；如果不需要铺满，建议可以使用image标签的 mode ，能够设置相同宽高，然后把图片放中间！
- 2017-03-11 07:43Zh.晨光的博客 Flex常用组件（上）学习内容Ø Flex组件的分类Ø Flex常用组件的使用。Ø 使用组件处理数据和交互Ø ActionScript3.0和JavaScript交互能力目标Ø 掌握使用各种常用组件搭建用户界面Ø 掌握ActionScript3.0和...
- 2021-11-21 14:51song854601134的博客 文章目录flex布局一、flex容器属性1、flex-direction2、flex-wrap3、flex-flow4、justify-content5、align-items6、align-content二、项目属性1、order**2、flex-grow****3、flex-shrink**4、flex-basis5、flex筛子...
- 没有解决我的问题, 去提问
