| Autor | 
		Mensaje | 
	
	
		
            
                - 
                    
                      
                    codeslife 
                        
                    
                    Nuevo
                    
                     
                    
                     
                 
             
		 | 
		
			
				 11-10-2009, 23:13 (UTC)     Título del mensaje: [Código Javascript] Slider V1.2 | 
				
                
                 | 
			 
			
				
  | 
			 
			
				 
	Código:	<link rel="stylesheet" href="http://img45.xooimage.com/files/5/a/4/page-1404f7c.css" type="text/css" media="screen" />
 
    <link rel="stylesheet" href="http://img42.xooimage.com/files/8/4/8/slider-14051a3.css" type="text/css" media="screen" />
 
    
 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
 
    <script type="text/javascript" src="http://img40.xooimage.com/files/6/c/0/jquery.easing.1.2-140513d.js"></script>
 
   <script src="http://img46.xooimage.com/files/a/f/3/jquery.anythingslider-1405132.js" type="text/javascript" charset="utf-8"></script>
 
 
    <script type="text/javascript">
 
    
 
        function formatText(index, panel) {
 
        return index + "";
 
       }
 
    
 
        $(function () {
 
        
 
            $('.anythingSlider').anythingSlider({
 
                easing: "easeInOutExpo",        // Anything other than "linear" or "swing" requires the easing plugin
 
                autoPlay: true,                 // This turns off the entire FUNCTIONALY, not just if it starts running or not.
 
                delay: 3000,                    // How long between slide transitions in AutoPlay mode
 
                startStopped: false,            // If autoPlay is on, this can force it to start stopped
 
                animationTime: 600,             // How long the slide transition takes
 
                hashTags: true,                 // Should links change the hashtag in the URL?
 
                buildNavigation: true,          // If true, builds and list of anchor links to link to each slide
 
              pauseOnHover: true,             // If true, and autoPlay is enabled, the show will pause on hover
 
              startText: "Go",             // Start text
 
              stopText: "Stop",               // Stop text
 
              navigationFormatter: formatText       // Details at the top of the file on this use (advanced use)
 
            });
 
            
 
            $("#slide-jump").click(function(){
 
                $('.anythingSlider').anythingSlider(6);
 
            });
 
            
 
        });
 
    </script>
 
 
    <div id="page-wrap">
 
    
 
    
 
        <div class="anythingSlider">
 
        
 
          <div class="wrapper">
 
            <ul>
 
               <li>
 
                    <img src="http://img26.xooimage.com/files/b/0/2/slide-civil-1-1405150.jpg" alt="" />
 
               </li>
 
              <li>
 
                 
 
                 <div id="textSlide">
 
                 
 
                    <img src="http://img28.xooimage.com/files/2/a/3/251356-1405156.jpg" alt="tomato sandwich" style="float: right; margin: 0 0 2px 10px;" />
 
                    
 
                    <h3>Queenie's Killer Tomato Bagel Sandwich</h3>
 
                    
 
                    <h4>Ingredients</h4>
 
 
                    <ul>
 
                        <li>1 bagel, split and toasted</li>
 
                        <li>2 tablespoons cream cheese</li>
 
                        <li>1 roma (plum) tomatoes, thinly sliced</li>
 
                        <li>salt and pepper to taste</li>
 
                        <li>4 leaves fresh basil</li>
 
                    </ul>
 
 
                    
 
                 </div>
 
                 
 
              </li>
 
              <li>
 
                 <img src="http://img44.xooimage.com/files/8/3/b/slide-env-2-140516d.jpg" alt="" />
 
              </li>
 
              <li>
 
                 <img src="http://img48.xooimage.com/files/0/2/5/slide-civil-2-1405165.jpg" alt=""  />
 
              </li>
 
              <li>
 
                 <div id="quoteSlide">
 
                 
 
                    <blockquote>La palabra paz deriva del latín pax. Es generalmente definida, en sentido positivo, como un estado de tranquilidad o quietud, y en sentido opuesto como ausencia de inquietud, violencia o guerra. Desde el punto de vista del Derecho internacional, y por extensión de la definición anterior, el término Paz en un convenio o tratado que pone fin a la guerra (como por ejemplo, la Paz de Westfalia). Puede hablarse de una paz social como entendimiento y buenas relaciones entre los grupos, clases o estamentos sociales dentro de un país. En el plano individual, la paz designa un estado interior, exento de cólera, odio y más generalmente de sentimientos negativos. Es, por lo tanto, deseada para uno mismo e igualmente para los demás, hasta el punto de convertirse en un saludo (la paz esté contigo) o una meta de la vida.</blockquote>
 
                    <p> - <a id='perma' href='http://quotesondesign.com/chikezie-ejiasi/'>Chikezie Ejiasi</a></p>
 
                 
 
                 </div>
 
              </li>
 
              <li>
 
                 <img src="http://img44.xooimage.com/files/8/3/b/slide-env-2-140516d.jpg" alt="" />
 
              </li>
 
            </ul>        
 
          </div>
 
          
 
        </div>
 
	  ______________  
  Ultima edición por codeslife el Vie Nov 06, 2009 4:26 pm; editado 1 vez
  | 
			 
		  | 
	
	
		| 
            ↑
         | 
		
                
		 | 
	
	
		  | 
	
	
		
            
                - 
                    
                      
                    tekopc 
                        
                    
                    Junior
                     Ubicación: Merida - Venezuela 
                    
                    
                     
                 
             
		 | 
		
			
				 12-10-2009, 02:27 (UTC)     Título del mensaje:  | 
				
                
                 | 
			 
			
				
  | 
			 
			
				Hola, amigo edita lo que esta en rojo, pones la url de tus imagenes.
 
 
 	Cita:	 <link rel="stylesheet" href="http://img45.xooimage.com/files/5/a/4/page-1404f7c.css" type="text/css" media="screen" /> 
 
    <link rel="stylesheet" href="http://img42.xooimage.com/files/8/4/8/slider-14051a3.css" type="text/css" media="screen" /> 
 
    
 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
 
    <script type="text/javascript" src="http://img40.xooimage.com/files/6/c/0/jquery.easing.1.2-140513d.js"></script> 
 
   <script src="http://img46.xooimage.com/files/a/f/3/jquery.anythingslider-1405132.js" type="text/javascript" charset="utf-8"></script> 
 
 
    <script type="text/javascript"> 
 
    
 
        function formatText(index, panel) { 
 
        return index + ""; 
 
       } 
 
    
 
        $(function () { 
 
        
 
            $('.anythingSlider').anythingSlider({ 
 
                easing: "easeInOutExpo",        // Anything other than "linear" or "swing" requires the easing plugin 
 
                autoPlay: true,                 // This turns off the entire FUNCTIONALY, not just if it starts running or not. 
 
                delay: 3000,                    // How long between slide transitions in AutoPlay mode 
 
                startStopped: false,            // If autoPlay is on, this can force it to start stopped 
 
                animationTime: 600,             // How long the slide transition takes 
 
                hashTags: true,                 // Should links change the hashtag in the URL? 
 
                buildNavigation: true,          // If true, builds and list of anchor links to link to each slide 
 
              pauseOnHover: true,             // If true, and autoPlay is enabled, the show will pause on hover 
 
              startText: "Go",             // Start text 
 
              stopText: "Stop",               // Stop text 
 
              navigationFormatter: formatText       // Details at the top of the file on this use (advanced use) 
 
            }); 
 
            
 
            $("#slide-jump").click(function(){ 
 
                $('.anythingSlider').anythingSlider(6); 
 
            }); 
 
            
 
        }); 
 
    </script> 
 
 
    <div id="page-wrap"> 
 
    
 
    
 
        <div class="anythingSlider"> 
 
        
 
          <div class="wrapper"> 
 
            <ul> 
 
               <li> 
 
                    <img src="http://img26.xooimage.com/files/b/0/2/slide-civil-1-1405150.jpg" alt="" /> 
 
               </li> 
 
              <li> 
 
                  
 
                 <div id="textSlide"> 
 
                  
 
                    <img src="http://img28.xooimage.com/files/2/a/3/251356-1405156.jpg" alt="tomato sandwich" style="float: right; margin: 0 0 2px 10px;" /> 
 
                    
 
                    <h3>Queenie's Killer Tomato Bagel Sandwich</h3> 
 
                    
 
                    <h4>Ingredients</h4> 
 
 
                    <ul> 
 
                        <li>1 bagel, split and toasted</li> 
 
                        <li>2 tablespoons cream cheese</li> 
 
                        <li>1 roma (plum) tomatoes, thinly sliced</li> 
 
                        <li>salt and pepper to taste</li> 
 
                        <li>4 leaves fresh basil</li> 
 
                    </ul> 
 
 
                    
 
                 </div> 
 
                  
 
              </li> 
 
              <li> 
 
                 <img src="http://img44.xooimage.com/files/8/3/b/slide-env-2-140516d.jpg" alt="" /> 
 
              </li> 
 
              <li> 
 
                 <img src="http://img48.xooimage.com/files/0/2/5/slide-civil-2-1405165.jpg" alt=""  /> 
 
              </li> 
 
              <li> 
 
                 <div id="quoteSlide"> 
 
                  
 
                    <blockquote>La palabra paz deriva del latín pax. Es generalmente definida, en sentido positivo, como un estado de tranquilidad o quietud, y en sentido opuesto como ausencia de inquietud, violencia o guerra. Desde el punto de vista del Derecho internacional, y por extensión de la definición anterior, el término Paz en un convenio o tratado que pone fin a la guerra (como por ejemplo, la Paz de Westfalia). Puede hablarse de una paz social como entendimiento y buenas relaciones entre los grupos, clases o estamentos sociales dentro de un país. En el plano individual, la paz designa un estado interior, exento de cólera, odio y más generalmente de sentimientos negativos. Es, por lo tanto, deseada para uno mismo e igualmente para los demás, hasta el punto de convertirse en un saludo (la paz esté contigo) o una meta de la vida.</blockquote> 
 
                    <p> - <a id='perma' href='http://quotesondesign.com/chikezie-ejiasi/'>Chikezie Ejiasi</a></p> 
 
                  
 
                 </div> 
 
              </li> 
 
              <li> 
 
                 <img src="http://img44.xooimage.com/files/8/3/b/slide-env-2-140516d.jpg" alt="" /> 
 
              </li> 
 
            </ul>        
 
          </div> 
 
          
 
        </div> 
 
	  
Saludos   ______________ Tutoriales para PC | Trucos para PC | Descargas | Juegos | y mucho más!
 
Ayudo porque me nace no por ganar popularidad
   No haga SPAM, evita el Cierre de tu Web
   No hagas DOBLE POST, usa el boton EDITAR
   Usa el Buscador   | 
			 
		  | 
	
	
		| 
            ↑
         | 
		
                
		 | 
	
	
		  | 
	
	
		 |