Team:Valencia UPV/otraprueba slider

From 2014.igem.org

(Difference between revisions)
Line 35: Line 35:
                     <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;
                     text-align: left; line-height: 60px; text-transform: uppercase; font-size: 50px;
                     text-align: left; line-height: 60px; text-transform: uppercase; font-size: 50px;
-
                         color: #FFFFFF;">GOGOG
+
                         color: #FFFFFF;">Touch Swipe Slider
-
 
+
                 </div>
                 </div>
                 <div style="position: absolute; width: 480px; height: 120px; top: 300px; left: 30px; padding: 5px;
                 <div style="position: absolute; width: 480px; height: 120px; top: 300px; left: 30px; padding: 5px;
                     text-align: left; line-height: 36px; font-size: 30px;
                     text-align: left; line-height: 36px; font-size: 30px;
                         color: #FFFFFF;">
                         color: #FFFFFF;">
-
<!--<a href="http://www.google.com">ir a google</a> <a href="http://www.google.com"> visita google visita google visita google</a>-->
+
                        Build your slider with anything, includes image, content, text, html, photo, picture
-
visita google visita google visita google
+
                 </div>
                 </div>
             </div>
             </div>
Line 53: Line 50:
                 <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;
-
                         color: #FFFFFF;">asdasd
+
                         color: #FFFFFF;">Touch Swipe Slider
                 </div>
                 </div>
                 <div style="position: absolute; width: 480px; height: 120px; top: 300px; left: 30px; padding: 5px;
                 <div style="position: absolute; width: 480px; height: 120px; top: 300px; left: 30px; padding: 5px;
                     text-align: left; line-height: 36px; font-size: 30px;
                     text-align: left; line-height: 36px; font-size: 30px;
                         color: #FFFFFF;">
                         color: #FFFFFF;">
-
<!--<a href="http://www.hotmail.com">ir a hotmail</a><a href="http://www.hotmail.com">visita hotmail visita hotmail visita hotmail</a>-->
+
                        Build your slider with anything, includes image, content, text, html, photo, picture
-
visita hotmail visita hotmail visita hotmail
+
                 </div>
                 </div>
             </div>
             </div>
Line 66: Line 62:
                 <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;
-
                         color: #FFFFFF;">iouoiuoiu
+
                         color: #FFFFFF;">Touch Swipe Slider
                 </div>
                 </div>
                 <div style="position: absolute; width: 480px; height: 120px; top: 300px; left: 30px; padding: 5px;
                 <div style="position: absolute; width: 480px; height: 120px; top: 300px; left: 30px; padding: 5px;
                     text-align: left; line-height: 36px; font-size: 30px;
                     text-align: left; line-height: 36px; font-size: 30px;
                         color: #FFFFFF;">
                         color: #FFFFFF;">
-
<!-- <a href="http://www.yahoo.com">ir a yahoo</a> <a href="http://www.yahoo.com">visita yahoo visita yahoo visita yahoo</a>-->
+
                        Build your slider with anything, includes image, content, text, html, photo, picture
-
visita yahoo visita yahoo visita yahoo
+
                 </div>
                 </div>
             </div>
             </div>
Line 88: Line 83:
             </div>
             </div>
         </div>
         </div>
-
 
+
               
 +
        <!-- Bullet Navigator Skin Begin -->
 +
        <!-- bullet navigator container -->
 +
        <div data-u="navigator" class="jssorb21" style="position: absolute; bottom: 26px; left: 6px;">
 +
            <!-- bullet navigator item prototype -->
 +
            <div data-u="prototype" style="POSITION: absolute; WIDTH: 19px; HEIGHT: 19px; text-align:center; line-height:19px; color:White; font-size:12px;"></div>
 +
        </div>
         <!-- Bullet Navigator Skin End -->
         <!-- Bullet Navigator Skin End -->

Revision as of 17:29, 12 October 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