Team:Valencia UPV/prueba slider

From 2014.igem.org

(Difference between revisions)
 
(24 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 31: Line 23:
                 <img data-u="image" src="https://static.igem.org/mediawiki/2014/3/34/VUPVIMG_3761.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 68: Line 60:
             <div>
             <div>
                 <img data-u="image" src="https://static.igem.org/mediawiki/2014/e/ee/VUPV2014-07-25_09.38.32.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;

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