"
Team:Valencia UPV/prueba slider
From 2014.igem.org
(Difference between revisions)
(Created page with "{{:Team:Valencia_UPV/prueba_slider_css}} <html> <!-- Jssor Slider Begin --> <!-- You can move inline styles to css file or css block. --> <div id="slider1_container" sty...") |
|||
| (32 intermediate revisions not shown) | |||
| Line 1: | Line 1: | ||
| + | {{:Team:Valencia_UPV/header_short}} | ||
{{:Team:Valencia_UPV/prueba_slider_css}} | {{:Team:Valencia_UPV/prueba_slider_css}} | ||
| + | {{:Team:Valencia_UPV/javascript2}} | ||
<html> | <html> | ||
| Line 19: | Line 21: | ||
height: 500px; overflow: hidden;"> | height: 500px; overflow: hidden;"> | ||
<div> | <div> | ||
| - | <img data-u="image" src="../ | + | <img data-u="image" src="https://static.igem.org/mediawiki/2014/3/34/VUPVIMG_3761.jpg" alt="" /> |
<div data-u="caption" data-t="NO" data-t3="RTT|2" data-r3="137.5%" data-du3="3000" data-d3="500" style="position: absolute; width: 445px; height: 300px; top: 100px; left: 600px;"> | <div data-u="caption" data-t="NO" data-t3="RTT|2" data-r3="137.5%" data-du3="3000" data-d3="500" style="position: absolute; width: 445px; height: 300px; top: 100px; left: 600px;"> | ||
| - | <img src="../img/new-site/c-phone.png" style="position: absolute; width: 445px; height: 300px; top: 0px; left: 0px;" alt="" /> | + | <!--<img src="../img/new-site/c-phone.png" style="position: absolute; width: 445px; height: 300px; top: 0px; left: 0px;" alt="" /> |
<img data-u="caption" data-t="CLIP|LR" data-du="4000" data-t2="NO" src="../img/new-site/c-jssor-slider.png" style="position: absolute; width: 102px; height: 78px; top: 70px; left: 130px;" alt="" /> | <img data-u="caption" data-t="CLIP|LR" data-du="4000" data-t2="NO" src="../img/new-site/c-jssor-slider.png" style="position: absolute; width: 102px; height: 78px; top: 70px; left: 130px;" alt="" /> | ||
<img data-u="caption" data-t="ZMF|10" data-t2="NO" src="../img/new-site/c-text.png" style="position: absolute; width: 80px; height: 53px; top: 153px; left: 163px;" alt="" /> | <img data-u="caption" data-t="ZMF|10" data-t2="NO" src="../img/new-site/c-text.png" style="position: absolute; width: 80px; height: 53px; top: 153px; left: 163px;" alt="" /> | ||
<img data-u="caption" data-t="RTT|10" data-t2="NO" src="../img/new-site/c-fruit.png" style="position: absolute; width: 140px; height: 90px; top: 60px; left: 220px;" alt="" /> | <img data-u="caption" data-t="RTT|10" data-t2="NO" src="../img/new-site/c-fruit.png" style="position: absolute; width: 140px; height: 90px; top: 60px; left: 220px;" alt="" /> | ||
| - | <img data-u="caption" data-t="T" data-du="4000" data-t2="NO" src="../img/new-site/c-navigator.png" style="position: absolute; width: 200px; height: 155px; top: 57px; left: 121px;" alt="" /> | + | <img data-u="caption" data-t="T" data-du="4000" data-t2="NO" src="../img/new-site/c-navigator.png" style="position: absolute; width: 200px; height: 155px; top: 57px; left: 121px;" alt="" />--> |
</div> | </div> | ||
<div data-u="caption" data-t="RTT|2" data-r="-75%" data-du="1600" data-d="2500" data-t2="NO" style="position: absolute; width: 470px; height: 220px; top: 120px; left: 650px;"> | <div data-u="caption" data-t="RTT|2" data-r="-75%" data-du="1600" data-d="2500" data-t2="NO" style="position: absolute; width: 470px; height: 220px; top: 120px; left: 650px;"> | ||
| - | <img src="../img/new-site/c-phone-horizontal.png" style="position: absolute; width: 470px; height: 220px; top: 0px; left: 0px;" alt="" /> | + | <!--<img src="../img/new-site/c-phone-horizontal.png" style="position: absolute; width: 470px; height: 220px; top: 0px; left: 0px;" alt="" /> |
<img data-u="caption" data-t3="MCLIP|L" data-du3="2000" src="../img/new-site/c-slide-1.jpg" style="position: absolute; width: 379px; height: 213px; top: 4px; left: 45px;" alt="" /> | <img data-u="caption" data-t3="MCLIP|L" data-du3="2000" src="../img/new-site/c-slide-1.jpg" style="position: absolute; width: 379px; height: 213px; top: 4px; left: 45px;" alt="" /> | ||
<img data-u="caption" data-t="MCLIP|R" data-du="2000" data-t2="NO" src="../img/new-site/c-slide-3.jpg" style="position: absolute; width: 379px; height: 213px; top: 4px; left: 45px;" alt="" /> | <img data-u="caption" data-t="MCLIP|R" data-du="2000" data-t2="NO" src="../img/new-site/c-slide-3.jpg" style="position: absolute; width: 379px; height: 213px; top: 4px; left: 45px;" alt="" /> | ||
<img data-u="caption" data-t="RTTL|BR" data-x="500%" data-y="500%" data-du="1000" data-d="-3000" data-r="-30%" data-t3="L" data-x3="70%" data-du3="1600" src="../img/new-site/c-finger-pointing.png" style="position: absolute; width: 257px; height: 300px; top: 80px; left: 200px;" alt="" /> | <img data-u="caption" data-t="RTTL|BR" data-x="500%" data-y="500%" data-du="1000" data-d="-3000" data-r="-30%" data-t3="L" data-x3="70%" data-du3="1600" src="../img/new-site/c-finger-pointing.png" style="position: absolute; width: 257px; height: 300px; top: 80px; left: 200px;" alt="" /> | ||
| - | <img src="../img/new-site/c-navigator-horizontal.png" style="position: absolute; width: 379px; height: 213px; top: 4px; left: 45px;" alt="" /> | + | <img src="../img/new-site/c-navigator-horizontal.png" style="position: absolute; width: 379px; height: 213px; top: 4px; left: 45px;" alt="" />--> |
</div> | </div> | ||
<div style="position: absolute; width: 480px; height: 120px; top: 30px; left: 30px; padding: 5px; | <div style="position: absolute; width: 480px; height: 120px; top: 30px; left: 30px; padding: 5px; | ||
| Line 45: | Line 47: | ||
</div> | </div> | ||
<div> | <div> | ||
| - | <img data-u="image" src="../ | + | <img data-u="image" src="https://static.igem.org/mediawiki/2014/8/8e/VUPVIMG_3242.jpg" alt="" /> |
<div style="position: absolute; width: 480px; height: 120px; top: 30px; left: 30px; padding: 5px; | <div style="position: absolute; width: 480px; height: 120px; top: 30px; left: 30px; padding: 5px; | ||
text-align: left; line-height: 60px; text-transform: uppercase; font-size: 50px; | text-align: left; line-height: 60px; text-transform: uppercase; font-size: 50px; | ||
| Line 57: | Line 59: | ||
</div> | </div> | ||
<div> | <div> | ||
| - | <img data-u="image" src="../img/ | + | <img data-u="image" src="https://static.igem.org/mediawiki/2014/e/ee/VUPV2014-07-25_09.38.32.jpg" alt="" /> |
| + | <div style="position: absolute; width: 480px; height: 120px; top: 30px; left: 30px; padding: 5px; | ||
| + | text-align: left; line-height: 60px; text-transform: uppercase; font-size: 50px; | ||
| + | color: #FFFFFF;">Touch Swipe Slider | ||
| + | </div> | ||
| + | <div style="position: absolute; width: 480px; height: 120px; top: 300px; left: 30px; padding: 5px; | ||
| + | text-align: left; line-height: 36px; font-size: 30px; | ||
| + | color: #FFFFFF;"> | ||
| + | Build your slider with anything, includes image, content, text, html, photo, picture | ||
| + | </div> | ||
| + | </div> | ||
| + | <div> | ||
| + | <img data-u="image" src="https://static.igem.org/mediawiki/2014/8/8e/VUPVIMG_3242.jpg" alt="" /> | ||
<div style="position: absolute; width: 480px; height: 120px; top: 30px; left: 30px; padding: 5px; | <div style="position: absolute; width: 480px; height: 120px; top: 30px; left: 30px; padding: 5px; | ||
text-align: left; line-height: 60px; text-transform: uppercase; font-size: 50px; | text-align: left; line-height: 60px; text-transform: uppercase; font-size: 50px; | ||
| Line 88: | Line 102: | ||
<a style="display: none" href="http://www.jssor.com">slideshow</a> | <a style="display: none" href="http://www.jssor.com">slideshow</a> | ||
</div> | </div> | ||
| + | |||
| + | <div id="space-margin"></div> | ||
</html> | </html> | ||
| + | |||
| + | {{:Team:Valencia_UPV/footer_img}} | ||
Latest revision as of 16:47, 8 September 2014