From Robotics, Data science and Healthcare technologies
Jump to navigation
Jump to search
|
|
| Line 1: |
Line 1: |
| − |
| |
| − | ==Test slideshow javascript ==
| |
| | <div style="position: relative; height: 1%;"> | | <div style="position: relative; height: 1%;"> |
| | <div style="position: relative; margin: 0 -1em; padding: 0; background-color: transparent; border: 1px none #ddd; height: 1%;"><!--YOU CAN ADD SHADING, BACKGROUND COLOR TO STYLE THIS --> | | <div style="position: relative; margin: 0 -1em; padding: 0; background-color: transparent; border: 1px none #ddd; height: 1%;"><!--YOU CAN ADD SHADING, BACKGROUND COLOR TO STYLE THIS --> |
| Line 15: |
Line 13: |
| | | | |
| | </div> | | </div> |
| − |
| |
| − | </div></div>
| |
| − |
| |
| − | == Test gallery slideshow (manual) ==
| |
| − |
| |
| − | <gallery mode="slideshow" widths=300px>
| |
| − | File:Im1.jpg.jpg|right|frameless|300px|''[[commons:Astronotus ocellatus|Astronotus ocellatus]]'' (Oscar)
| |
| − | File:Im2.jpg.jpg|right|frameless|300px|''[[commons:Salmo salar|Salmo salar]]'' (Salmon Larva)
| |
| − | File:Im3.jpg.jpg|right|frameless|300px|''[[commons:Salmo salar|Salmo salar]]'' (Salmon Larva)
| |
| − | </gallery>
| |
| − |
| |
| − | == Test slideshow CSS ==
| |
| − |
| |
| − | <div style="position: relative; height: 1%;">
| |
| − | <div style="position: relative; margin: 0 -1em; padding: 0; background-color: transparent; border: 1px none #ddd; height: 1%;"><!--YOU CAN ADD SHADING, BACKGROUND COLOR TO STYLE THIS -->
| |
| − | <div style="position: relative; margin: 0 auto; width: 800px;height: 1%;"><!-- RECOMMEND THE WIDTH IS SET TO LOOK GOOD ON IPADS ETC. THIS WILL BE THE TOTAL WIDTH VIEWABLE AREA -->
| |
| − | <div style="position: relative; overflow: hidden; height: 300px;"><!-- RECOMMENDED THIS HEIGHT IS THE SAME AS THE HEIGHT SET FOR THE IMAGES -->
| |
| − | <div class='wrapper'>
| |
| − | <gallery mode="packed" widths=200px heights=300px perrow=5><!-- PERROW SHOULD BE THE SAME NUMBER AS THE TOTAL NUMBER OF IMAGES IF YOU WANT THE GALLERY TO LOOK LIKE A SLIDING ROW OF IMAGES. -->
| |
| − | Image:Im1.jpg.jpg
| |
| − | Image:Im2.jpg.jpg
| |
| − | Image:Im3.jpg.jpg
| |
| − | Image:Im2.jpg.jpg
| |
| − | Image:Im3.jpg.jpg
| |
| − | Image:Im1.jpg.jpg
| |
| − | Image:Im2.jpg.jpg
| |
| − | </gallery>
| |
| − | </div>
| |
| − | </div> </div>
| |
| − |
| |
| − | </div></div>
| |
Revision as of 15:59, 19 July 2022
