Team:Valencia UPV/prueba slider

From 2014.igem.org

(Difference between revisions)
 
(30 intermediate revisions not shown)
Line 1: Line 1:
-
{{:Team:Valencia_UPV/header}}
+
{{:Team:Valencia_UPV/header_short}}
{{:Team:Valencia_UPV/prueba_slider_css}}
{{:Team:Valencia_UPV/prueba_slider_css}}
 +
{{:Team:Valencia_UPV/javascript2}}
<html>
<html>
-
 
-
<script type="text/javascript" src="https://2014.igem.org/Team:Valencia_UPV/javascript_jquery?action=raw&ctype=text/javascript"></script>
 
-
<script type="text/javascript" src="https://2014.igem.org/Team:Valencia_UPV/javascript_core?action=raw&ctype=text/javascript"></script>
 
-
<script type="text/javascript" src="https://2014.igem.org/Team:Valencia_UPV/javascript_utils?action=raw&ctype=text/javascript"></script>
 
-
<script type="text/javascript" src="https://2014.igem.org/Team:Valencia_UPV/javascript_slider?action=raw&ctype=text/javascript"></script>
 
-
<script type="text/javascript" src="https://2014.igem.org/Team:Valencia_UPV/prueba_slider_script?action=raw&ctype=text/javascript"></script>
 
-
 
-
 
-
 
<!-- Jssor Slider Begin -->
<!-- Jssor Slider Begin -->
     <!-- You can move inline styles to css file or css block. -->
     <!-- You can move inline styles to css file or css block. -->
Line 29: Line 21:
             height: 500px; overflow: hidden;">
             height: 500px; overflow: hidden;">
             <div>
             <div>
-
                 <img data-u="image" src="../img/1920/red.jpg" alt="" />
+
                 <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 55: Line 47:
             </div>
             </div>
             <div>
             <div>
-
                 <img data-u="image" src="../img/1920/purple.jpg" alt="" />
+
                 <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 67: Line 59:
             </div>
             </div>
             <div>
             <div>
-
                 <img data-u="image" src="../img/1920/blue.jpg" alt="" />
+
                 <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 98: 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}}
{{:Team:Valencia_UPV/footer_img}}

Latest revision as of 16:47, 8 September 2014

Touch Swipe Slider
Build your slider with anything, includes image, content, text, html, photo, picture
Touch Swipe Slider
Build your slider with anything, includes image, content, text, html, photo, picture
Touch Swipe Slider
Build your slider with anything, includes image, content, text, html, photo, picture
Touch Swipe Slider
Build your slider with anything, includes image, content, text, html, photo, picture
slideshow

Retrieved from "http://2014.igem.org/Team:Valencia_UPV/prueba_slider"