Changeset 5552
- Timestamp:
- 05/11/08 15:28:15 (7 months ago)
- Location:
- branches/paul-dev/dyn
- Files:
-
- 2 modified
-
magnify.html (modified) (3 diffs)
-
textures.html (modified) (1 diff)
Legend:
- Unmodified
- Added
- Removed
-
branches/paul-dev/dyn/magnify.html
r5264 r5552 20 20 } 21 21 22 div.dwp { 23 width: 100px; 24 height: 100px; 25 background: #eee; 22 div.magnifyme img { 23 width: 64px; 24 height: 64px; 26 25 float: left; 27 margin: 10px;26 margin: 5px; 28 27 position: relative; 29 border: 5px solid green;30 28 } 31 29 </style> 32 <script type="text/javascript" src="../../../jquery/jquery/src/core.js"></script> 33 <script type="text/javascript" src="../../../jquery/jquery/src/selector.js"></script> 34 <script type="text/javascript" src="../../../jquery/jquery/src/event.js"></script> 35 <script type="text/javascript" src="../../../jquery/jquery/src/ajax.js"></script> 36 <script type="text/javascript" src="../../../jquery/jquery/src/fx.js"></script> 37 <script type="text/javascript" src="../../../jquery/jquery/src/offset.js"></script> 38 39 <script type="text/javascript" src="../../../jquery/ui/ui.base.js"></script> 40 <script type="text/javascript" src="../../../jquery/ui/ui.draggable.js"></script> 41 <script type="text/javascript" src="../../../jquery/ui/ui.draggable.ext.js"></script> 42 <script type="text/javascript" src="../../../jquery/ui/ui.droppable.js"></script> 43 <script type="text/javascript" src="../../../jquery/ui/ui.droppable.ext.js"></script> 44 <script type="text/javascript" src="../../../jquery/ui/ui.sortable.js"></script> 45 <script type="text/javascript" src="../../../jquery/ui/ui.sortable.ext.js"></script> 46 <script type="text/javascript" src="../../../jquery/ui/ui.resizable.js"></script> 47 <script type="text/javascript" src="../../../jquery/ui/ui.resizable.ext.js"></script> 48 <script type="text/javascript" src="../../../jquery/ui/ui.slider.js"></script> 49 <script src="../../../jquery/fx/fx.js" type="text/javascript" charset="utf-8"></script> 50 <script src="../../../jquery/fx/fx.magnifier.webkit.js" type="text/javascript" charset="utf-8"></script> 30 <script src="../../../trunk/jquery/dist/jquery.js" type="text/javascript" charset="utf-8"></script> 31 <script src="../../../trunk/fx/fx.js" type="text/javascript" charset="utf-8"></script> 32 <script src="../../../trunk/fx/fx.magnifier.webkit.js" type="text/javascript" charset="utf-8"></script> 51 33 52 34 <script type="text/javascript" charset="utf-8"> … … 61 43 }, 62 44 transformations: { 63 scale: function(d) { 64 return 1+(1-d); 65 }, 66 rotate: function(d) { 67 return 45*((1-d))+"deg"; 68 } 69 /* matrix: function(d) { 70 return "1,0,0,0.5,0,0"; 71 }, 72 rotate: function(d) { 73 return "45deg"; 74 }*/ 45 //scale: function(d) { return 1+(1-d); }, 46 //translate: function(d) { return (50 * (1-d))+"%"; }, 47 //rotate: function(d) { return 45*((1-d))+"deg"; } 75 48 } 76 49 }); … … 83 56 84 57 <div class="magnifyme"> 85 <div class="dwp">Slide 1</div> 86 <div class="dwp">Slide 2</div> 87 <div class="dwp">Slide 3</div> 88 <div class="dwp">Slide 1</div> 89 <div class="dwp">Slide 2</div> 90 <div class="dwp">Slide 3</div> 58 <img src="icons/1.png" /> 59 <img src="icons/2.png" /> 60 <img src="icons/3.png" /> 61 <img src="icons/4.png" /> 62 <img src="icons/5.png" /> 63 <img src="icons/6.png" /> 64 <img src="icons/7.png" /> 65 <img src="icons/8.png" /> 66 <img src="icons/9.png" /> 67 <img src="icons/10.png" /> 91 68 </div> 92 69 </body> -
branches/paul-dev/dyn/textures.html
r5265 r5552 15 15 16 16 </style> 17 <script type="text/javascript" src="../../../jquery/jquery/src/core.js"></script> 18 <script type="text/javascript" src="../../../jquery/jquery/src/selector.js"></script> 19 <script type="text/javascript" src="../../../jquery/jquery/src/event.js"></script> 20 <script type="text/javascript" src="../../../jquery/jquery/src/ajax.js"></script> 21 <script type="text/javascript" src="../../../jquery/jquery/src/fx.js"></script> 22 <script type="text/javascript" src="../../../jquery/jquery/src/offset.js"></script> 23 24 <script type="text/javascript" src="../../../jquery/ui/ui.base.js"></script> 25 <script type="text/javascript" src="../../../jquery/ui/ui.draggable.js"></script> 26 <script type="text/javascript" src="../../../jquery/ui/ui.draggable.ext.js"></script> 27 <script type="text/javascript" src="../../../jquery/ui/ui.droppable.js"></script> 28 <script type="text/javascript" src="../../../jquery/ui/ui.droppable.ext.js"></script> 29 <script type="text/javascript" src="../../../jquery/ui/ui.sortable.js"></script> 30 <script type="text/javascript" src="../../../jquery/ui/ui.sortable.ext.js"></script> 31 <script type="text/javascript" src="../../../jquery/ui/ui.resizable.js"></script> 32 <script type="text/javascript" src="../../../jquery/ui/ui.resizable.ext.js"></script> 33 <script type="text/javascript" src="../../../jquery/ui/ui.slider.js"></script> 34 <script src="../../../jquery/fx/fx.js" type="text/javascript" charset="utf-8"></script> 35 <script src="../../../jquery/fx/fx.magnifier.webkit.js" type="text/javascript" charset="utf-8"></script> 17 <script src="../../../trunk/jquery/dist/jquery.js" type="text/javascript" charset="utf-8"></script> 18 <script src="../../../trunk/fx/fx.js" type="text/javascript" charset="utf-8"></script> 19 <script src="../../../trunk/fx/fx.magnifier.webkit.js" type="text/javascript" charset="utf-8"></script> 36 20 37 21 <script type="text/javascript" charset="utf-8">